Opened 11 years ago

Closed 11 years ago

Last modified 11 years ago

#8366 closed bug (duplicate)

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.

Change History (2)

comment:1 Changed 11 years ago by Scott González

Resolution: duplicate
Status: newclosed

comment:2 Changed 11 years ago by Scott González

Duplicate of #8324.

Note: See TracTickets for help on using tickets.