I have a jQuery Mobile radio button set that when viewed on a desktop browser displays a gray-filled dot for inactive selections and a red-filled dot with a white center for the active selection.
However, when I view the page in a mobile device (either iOS or Android), I get nothing for the inactive selections and a curious new graphic for the active selection. The new graphic is a red dot but has three white bars stacked vertically upon one another and to the right side of the dot.
Normally I wouldn't really care but this graphic looks like it could be a corporate logo or something and therefore is somewhat distracting. Plus the missing gray dots for inactive selections is annoying. Anyone know what is happening here?
Related
In my form I would like to to show the report full page area in a preview without the Background, Outline, Toolbar, Thumbnails. ie. Only display the page area without borders,etc.
Using Delphi 11.1 & Fast Reports VCL 2022.2
{Preview}
frxPreview1.BackColor:=clBlack;//Used for this example
frxPreview1.OutlineVisible:=false;
frxPreview1.ThumbnailVisible:=false;
frxPreview1.HideScrolls:=true;
frxPreview1.OutlineTree.Visible:=false;
{Report}
{Outline}
frxReport1.PreviewOptions.OutlineVisible:=false;
frxReport1.PreviewOptions.OutlineWidth:=0;
frxReport1.PreviewOptions.OutlineExpand:=false;
In the example below I do not want the black area to show, rather a client aligned page only, what setting am I missing?
When publishing a dashboard from PowerBI Desktop to PowerBI's web interface, I've encountered spurious black dots appearing along the bottom of a text box.
I've tried moving the text box, checking other objects nearby, and changing its border settings, but the dots are definitely being produced by the text box itself, regardless of its attributes.
What could cause this?
Not all text boxes and fonts display identically in Desktop and Online. Check that the word spacing in your text box has not increased when you published it - if additional spaces have appeared and pushed one or more words off the end of the text box, these may have appeared on a second line, and then been clipped by the text box size to only show the tops of the lettering.
Mobile Safari uses a UIPickerView for <select> elements - I'd like to change the background color of it with CSS. As you can see in the screen shot below, it's very hard to read. What you are looking at is the State <select> form element. Changing the text color or background color of the <select> element itself doesn't fix the problem.
I thought it was related to a parent element's or its own background color - but I went up the line and changed every ancestor element's background color to white and the problem persisted. Is there a prefixed style or trick to making this GUI legible? Or maybe it's just a bug.
EDIT: The gray behind the UIPickerView is filled in by mobile Safari, since the select is almost at the bottom of the page. Mobile Safari vertically centers the select above the UIPickerView and fills in the extra space below the page with the gray. The question is, how does it determine to use that dark gray? I've tried changing the body text color, and background-color of every other element on the page to no avail.
Unfortunately, there isn't a way to do it. iOS Safari takes full control of styling select lists' internal contents. Here's a reference for verification: little link.
One way to achieve this this would be to simulate the dropdown/select menu using JavaScript.
It's not very preferable, but if you absolutely require to change the default styling, then I'm afraid it's the only way to go; here's a demo that should give you an idea on how to do the simulation: another little link.
This is not a question about JQM panels scrolling independently of the page, though that is an issue I've had trouble with and almost overcome, this is about making the panel scroll smoothly and ignore the device browser's edge event (or whatever the correct term is, I'll explain below).
Basically, I'm trying to replicate the menu on Google's mobile site, which naturally isn't using JQM like us common folk. I've got it pretty close, but the scrolling animation is very rigid. I need it be momentum-based rather than fixed to your finger.
Also, when you reach the top or bottom of the menu, it's considered the extremes of the document so the browser moves the whole document up or down to indicate the edge of the page. Instead, the page should never move while the panel is open and the menu should take on this behaviour within the panel.
Since I've set the panel height to 100%, this forces the address bar on iOS Safari to come down when the menu is open. This seems to be exactly what happens on Google, but if there's a way around this I'd love to hear it.
Finally, one downside of the way I've emulated independent scrolling is to just set the content wrap as fixed when the panel is open. However, this means the page always scrolls to the top when the panel opens. Any alternatives for this would be appreciated. I suppose I could just set the page top as scrollTop or something.
To summarise:
Panel menu needs to scroll smoothly (momentum rather than direct touch)
Elastic edge on menu rather than window
iOS Safari address bar interfering with height
Page fixed at top when panel open
If any of my descriptions don't make sense, just visit google.com on your phone and check out their menu.
ScrollFix seems to have solved all my issues.
I submitted my Wp7 app but it was rejected for the reason is
Application content, such as text and visual
elements, must be visible and legible regardless of
the phone theme. For example, if the phone
theme changes from black background to white
background, the text and visual elements of your
application must be visible or legible.
Test Process Required:
1. Navigate to the Settings page in the app list.
2. Tap theme and change Background to 'Dark'.
3. Launch the application.
4. Verify that the text and visual elements of the
application are visible and legible.
5. Navigate back to the theme page under
Settings, and change Background to 'Light'
6. Launch the application.
7. Verify that the text and visual elements of the
application are visible and legible.
actually i am using ListBox in my Xmal page in that i have set baground color Block and font color is white. How to change Font color that when they Change Device Background color in Window phone7..please help me..How to resolve this ..
You could hard code your back and foreground colors in XAML or you could use the WindowsPhone Color resources.
MSDN Windows Phone Resources
To Solve this i showed a MessageBox to the User the first time he starts the application that the app is using his location and what the app is doing with it. Then you need to give an option in the application somewhere to turn the using of his location completely off, i added this to my apps settings page. And you could provide information about why you using location in a separate page and have the setting to turn it on and off there.
The MessageBox and the Turn off setting works my app got certified like this.