Skip to main content

Search and Top Navigation

#8366 closed bug (duplicate)

Opened May 30, 2012 01:04PM UTC

Closed May 30, 2012 01:17PM UTC

Last modified May 30, 2012 01:17PM UTC

Dialog widget styling issue with scoped theme

Reported by: frediani.adrien Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.dialog Version: 1.8.20
Keywords: Cc:
Blocked by: Blocking:

There's a bug with dialog when using custom scoped-theme. It's easy to reproduce with the following test page snippet. I'm able to reproduce it on all browsers.


1. Go to

2. Select any theme, and open the 'advanced Theme Settings'.

3. Set the two following options: 'Version:': 1.8.20

'CSS Scope': '.custom_scope', 'Theme Folder Name:': 'custom_scope'

4. Download the theme.

5. Create a dir, copy you fresh custom_scope theme directory in it.

6. Create a index.html page with the following snippet:

<!DOCTYPE html>
    <meta charset="UTF-8">

    <link rel="stylesheet" href="custom_scope/jquery-ui-1.8.20.custom.css" type="text/css" media="all" />

    <script type="text/javascript" src=""></script>

    <!-- Tested with same failure on latest jquery UI version (jquery-ui-1.8.20) -->
    <script type="text/javascript" src=""></script>

    <script type="text/javascript">
    	$(document).ready(function() {
    <div class="custom_scope">
      <div id="dialogID">This is not styled correctly.</div>

Result: No theme is applied to the popup.

Expected result: The custom_scope theme should have been applied to the dialog.

Attachments (0)
Change History (2)

Changed May 30, 2012 01:17PM UTC by scottgonzalez comment:1

resolution: → duplicate
status: newclosed

Changed May 30, 2012 01:17PM UTC by scottgonzalez comment:2

Duplicate of #8324.