I am using MobClix for displaying Ads, but some Ads are not center aligned, but they are left aligned. I have set contentMode of the view to UIViewContentModeCenter but it didn't work, How to fix this.
(In the image some white space at the end)
I use MobclixMMABannerXLAdView from Mobclix SDK on android and it has fixed size.
As for me layout adjustment to show ads on the center of screen.
for RelativeLayout following code works fine:
<com.mobclix.android.sdk.MobclixMMABannerXLAdView
android:id="#+id/advertising_banner_view"
android:layout_height="50dp"
android:layout_width="match_parent"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:tag="adspace" />
Related
Objective:
Extend into/draw within android notch area, specifically in landscape mode. Testing with 2 physical devices results in the notch area being unusable (black) in landscape mode.
Note:
Utilising extendBodyBehindAppBar, ExtendBody and SystemChrome.setEnabledSystemUI mode etc successfully extends into the notch area in PORTRAIT mode, however when the screen is rotated to landscape, the notch area is truncated and not utilised.
Problem: When extending the screen in landscape mode on most devices with curved corners the screen looks stupid and imbalanced with a squared-off black area in the notch section and curved at the other end.
Cheers guys.
Turns out, as it currently stands it's an open issue.
See Github issue #59236
https://github.com/flutter/flutter/issues/59236
On NATIVE Android 3 options exist to control drawing in the cut-out 'notch' area:
LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT
This is the default behaviour. Content renders into the cut-out area while in portrait mode, but content is letterboxed while in landscape mode.
LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES
Content renders into the cutout area in both portrait and landscape modes.
LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER
Content never renders into the cutout area.
Further native Android information can be found here:
https://developer.android.com/guide/topics/display-cutout
As it stands, the native Android equivalent of LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT seems to be stuck on flutter.
If anyone manages to work around this (perhaps platform channel stuff?), please comment.
I've faced the same problem, but looks like in addition to
SystemChrome.setEnabledSystemUIOverlays([]);
we should add the following to Android style.xml:
<style name="AppTheme" parent="#android:style/Theme.Black.NoTitleBar">
<item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
</style>
Tested this on a flutter demo project with Samsung S21 Ultra that has a notch and everything works as expected in a portrait and landscape modes.
Please note that I use flutter 1.22.6, but I am sure that the same approach should work on the latest flutter.
http://www.myobgyn.ca/demo789/desktop/index4sdm.html
Looks good on desktop and designed to be pixil perfect and not extend on desktop. However, on iphone / ipad, I would like it to extend out to full width automatically. I don't want a mobile version, but simple for it to display full screen on iphone / ipad; but also have fixed pixil width desktop.
meta id='viewport' name="viewport" content="width=device-width"
I have tried multipe VIEWPORT tags, (scale etc, defined width) current am only using the below, and its not working in portrait. pixil width of app is 580
on iPhone 5S it scrolls in portrait, but fits screen in landscape..
Also, device has a roller at bottom that user moves. Unofrtunately, that movement at edge of screen triggers the ios swipe to open the next safari pages.. can I turn that feature off.
Is there any way to remove the rounded corners that apple devices add to your website icon?
I used
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
Which acts effect and rounded corners
<link rel="apple-touch-icon-precomposed" href="touch-icon-iphone.png" />
which doesn't add any effect, but still has rounded corners.
I found the above tutorial here
Is there any way to remove the rounded corners??
You can't remove the rounded corner effect. From the tutorial you linked to:
By default Apple will round corners of the Apple Touch Icon. This rule applies for all options.
All icons on the home screen, whether they're from a web site or an app, get rounded corners. What you can do is turn off the gloss effect, which the tutorial you've linked to shows you how to do. Sorry!
See this link IconsImages
Read the whole Topic which Name is App Icons from this above link...
When iOS displays your app icon on the Home screen of a device, it automatically adds the following visual effects:
Rounded corners
Drop shadow
Reflective shine (unless you prevent the shine effect)
For example, a simple 57 x 57 pixel iPhone app icon might look like this:
When it’s displayed on an iPhone Home screen, iOS adds rounded corners, a drop shadow, and a reflected shine. So the same app icon would look like this:
So I've built a site specifically for iphones that is 320px wide. It looks great in portrait orientation, but there is a ton of white space on the right when it is turned into landscape mode on the iphone.
I'd like to figure out how to make the viewport zoom into view just the 320px in landscape orientation. This way, there isn't a ton of white space.
I suspect it has something to do with viewport. This is what I currently have:
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
But that's not working. Any ideas?
Thanks,
Brad
Try removing "user-scalable=no", or define "maximum-scale"
It is preferable to define width (of div's etc') in percentage instead of defined pixels. That way the width adjusts to the size of the screen automatically.
There are many good tutorials on responsive design.
I am using Rhomobile to develop apps. I have wide images on an app and would like to enable horizontal scrolling to view the images. Vertical scrolling is automatically available but not for horizontal scrolling. Here's what I found:
I cannot scroll horizontally in Rhodes simulator.
I cannot scroll horizontally in Android emulator.
I cannot scroll horizontally in HTC android.
But I can scroll horizontally in Samsung Galaxy Tab.
I've tried to put "overflow:scroll", setting div width, body width, but the result are still the same.
I believe this would be a limitation on the device or emulators browser, as Rhodes is using a WebView.
I removed jqtouch.css and it works now :)
Try with
Scroll : 'horizontal'