Search jQuery

jQuery Forum

Developing jQuery Mobile

SURESH B.K

CSS ui-content padding is set to 15px on dialog-box appear in jquerymobile.css 1.3.2

in Developing jQuery Mobile • 9 years ago

Hi,

i am developing a phonegap application with using jquery 1.9 and jquerymobile 1.3.2 for android.

everything working fine in browsers. i have an issue in UI design.

Issue: i have a select tag with options. when i check in android device options will appear in dialog-box and works fine. but,I don't believe it is necessary to pad the page content area container by an arbitrary/magic value - it makes more sense for it to be zero.Due to this 15px value, the UI widgets changes the appearence.

i want to overcome the issue my fixing it to 0px.Can you people guide me where i need to change

the CSS. i have tried below css but it didn't solve my issue.

.ui-content {

margin: 0px !important;

padding: 0px !important;

}

Replies(1)

watusiware

Re: CSS ui-content padding is set to 15px on dialog-box appear in jquerymobile.css 1.3.2

9 years ago

For future questions, this is the wrong forum for questions about your own project:

About the "Developing jQuery M...

-----

It's easiest if you use Web Inspector, Firebug, etc. Then you can see how any element gets it's styling.

And/or take a look at the supplied CSS.

Starting with 1.4, (I see you are using 1.3, though) there is also fairly good documentation on the CSS structure which I'd urge you to read. (But if you read the 1.4 docs it will be quite wrong for 1.3!)

I have a feeling the spacing you want to remove isn't actually on .ui-content. This look suspicious, but it's from 1.4, and haven't looked at 1.3:

.ui-popup-container .ui-content > p,
.ui-popup-container .ui-content > h1,
.ui-popup-container .ui-content > h2,
.ui-popup-container .ui-content > h3,
.ui-popup-container .ui-content > h4,
.ui-popup-container .ui-content > h5,
.ui-popup-container .ui-content > h6 {
margin: .5em 0;
}

Top Reply

Response title

Attachments

jQuery Forum

CSS ui-content padding is set to 15px on dialog-box appear in jquerymobile.css 1.3.2

Replies(1)

Re: CSS ui-content padding is set to 15px on dialog-box appear in jquerymobile.css 1.3.2

Statistics

Tags

Actions

Related Posts