how to resize background of dialog box in jquery mobile - jquery-mobile

Iam having code in which clicking on button pops up dialogue, and clicking on that goes to another dialog, the background of first dialog has been transparent where as the background of next dialog has been black, is it possible to resize the black background of second dialog, please help me thanks

Related

Vaadin 14: Trying to open Page in background from Dialog while keeping the dialog opened

I have a dialogue box that is:
Draggable
Modal
Requirement:
I have a requirement where I don't need to close my dialogue and have to load the different pages in the background on the selection of data from the grid that is on Dialogue.
What did I do:
I know how to open the page in the background with the help of a de-attached listener.
vehicleInfoPopUpView.addDetachListener(e -> {
UI.getCurrent().navigate(AssignmentPageContainer.class,
String.valueOf(vehicleInfoPopUpView.getCanFileNumber()));
});
The above code (in the parent page) loads/opens a new page but to do this I have to close my dialogue box (which I don't have to do, I have to keep the dialogue box open).
I cannot find any resource that tells me How to load/open a new page in the background from the dialogue box without closing it
Any small help! Thanks for the help in advance.
First of all: Don't.
Keeping a modal dialog open whilst navigating to a different page/route makes no UX sense. A modal window means you cannot interact with the background.
Just call UI.getCurrent().navigate(AssignmentPageContainer.class) directly (outside of detach listener) to open the view based on the selection. The user will open the dialog again himself, if he will want to. You can trigger this on some button click.
Secondly, as a workaround you could store the state of the dialog in a #UIScoped service and open & reinitialize the dialog f.e. in the afterNavigation method.

NativeScript iOS Alert Dialog Box Button Color

Have a funny issue going on and no idea where to start. I have an iOS app that's built with Nativescript & Vue and while in dark mode the button colors in dialogs are off. Sometimes they are a bright blue (which is normal and what I want), but most of the time they are a darker color blue which are really hard to see. Randomly the correct color will show, but mostly the incorrect darker and I can't seem to pattern it out - just random.
The dialog is a confirm dialog that is being called in the typical Nativescript Vue manner - nothing custom being called.
Any direction or idea why this may be happening is greatly appreciated.
Incorrect button color
Correct button color
Note: Dialog message is purposely blacked out
Try writing Button styles at the end of your application level style sheet.
Button {
color: blue; // any color your like
}
Unfortunately you can not have separate styles for light / dark mode yet. There is an open issue you might want to follow.
Try to use custom model component for alert dialog or https://market.nativescript.org/plugins/nativescript-fancyalert alert dialog.

What state is a link in when using the browser back button?

I have one of those popular ghost buttons with a transparent background and a 3px yellow border. On the hover, focus and active state the background is filled with yellow.
Has experienced that when you click a button and the use the back button in Safari the state of the button seems to be set to active or focus, which means in my case that it has the yellow background even though it is supposed to be transparent when I come back to the first page.
I tried with Safari and iOS 8 on a iPhone 4S.

jquerymobile background popup disable touch

sorry if my english bad
when I create a dialog popup with jquerymobile, I get a transparent background, but when I touched it, causing the closure of the dialogue, how do I make the dialog will not close when I touch the background until I touch the cancel button?
thank you
for example login form dialog button in demos jquerymobile
http://jquerymobile.com/demos/1.2.0/docs/pages/popup/index.html
You can add data-dismissible="false" attribute as it describes in the document:
http://api.jquerymobile.com/popup/#option-dismissible
This behavior of a jQM popup is by design.
It looks like instead of a popup you just need to use a jQM modal dialog

tap image in listbox in windows phone 7

I have a listBox in a win phone 7 app, and a icon image which in every list item.When I tap the icon image, some download work will be processed.If I don't tap the icon, just tap the selected item, page navigation should be executed.And now, when I tap the icon, the page was navigated to another page.If I want to tap the icon to do download work, but not the navigation, can anybody give me some advice? Thanks.
Instead of the button you could have associated an event Tap with Image inside your item template. I guess that should have worked too. Never the less great for you.

Resources