0

Hello I am using jquery ui on a site I am working on. Two elements I use alot are the dialog and tab controls. I have a Site.css file that I apply custom styling as well as override some of the jquery ui css. Everything works as expected on standard pages. However if I place a jquery tab control inside a jquery dialog control, the tab control gets the default styling. Copying the tab code out to the main page (not in a dialog) the styling is applied properly.

For a test I added a element to the dialog and applied a style with the Site.css and it worked fine.

Please help!

Improve this question
3
  • It would help if you posted some of the styles you're trying to customize. Commented Dec 28, 2013 at 2:02
  • jQuery UI moves the dialog markup to the bottom of the page on page load...this is possibly causing your selectors to be broke. Commented Dec 28, 2013 at 2:07
  • 1
    sounds like your tab style over ride rules aren't specific enough. Create a demo in jsfiddle.net with both versions of tabs for comparison Commented Dec 28, 2013 at 3:02
Related questions
0
css properties for a jquery dialog
0
JQUERY UI Dialog
8
CSS Custom JQuery ui-dialog
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.