Themeroller from other JQuery UI components affects the DDCL when using a custom CSS

[GoogleCodeExporter]

** What steps will reproduce the problem?
- Add on the same page a JQuery UI component, like Datepicker, and the DDCL.
- Configure the DDCL to use the "standalone" CSS.

** What is the expected output? What do you see instead?
- We expected the custom interface from the CSS.
- We see some parts of the themeroller on DDCL.

** What is your environment?
-- DropDownCheckList version: 1.0
-- jQuery version: 1.4.2
-- jQuery UI version: 1.8.5
-- Browser and version: IE 8 and FF 3.6

Original issue reported on code.google.com by f1alv...@yahoo.com.br on 21 Sep 2010 at 9:25

Attachments:

• ddcl-standalone-expected.jpg
• ddcl-standalone-issue.jpg

[GoogleCodeExporter]

The 'standalone' .css is designed for use in those environments that do NOT 
include ThemeRoller. It is not designed to override an environment where 
ThemeRoller is active. All components are 'well named', so you can define your 
own custom css to apply overrides to values that would normally be taken from 
ThemeRoller.

I will treat this report as an enhancement request to provide a third .css 
example that would be an override of ThemeRoller values.

Original comment by womohun...@ittrium.com on 22 Sep 2010 at 1:48

• Changed state: Accepted
• Added labels: Type-Enhancement, Priority-Low
• Removed labels: Type-Defect, Priority-Medium

[GoogleCodeExporter]

Thanks. I'll appreciate this third .css example.

Original comment by f1alv...@yahoo.com.br on 22 Sep 2010 at 5:10

[GoogleCodeExporter]

Issue 144 has been merged into this issue.

Original comment by womohun...@ittrium.com on 15 Dec 2010 at 4:10

[GoogleCodeExporter]

For me the particular theme I am using looked pretty bad on the DDCL.  I solved 
this problem by changing the standalone CSS to include !important declarations 
on all styles and adding a few new styles to override the unwanted Themeroller 
styles.

.ui-dropdownchecklist-text {
    font-weight: normal !important;
}
.ui-dropdownchecklist-item {
    background: none !important;
}

Original comment by garland....@gmail.com on 24 Mar 2011 at 6:02