jquery-ui.css and coralui2.css are incompatible in AEM 6

[kev_var]

Hi all,

I have an AEM application which has dependency on  cq.jquery.ui. But adding this breaks some of the functionality in AEM 6 touch UI as it overrides the CSS classes defined in coralui2.css

Is this a known issue with any work around ?

I have a attached a screen shot with one of the issues. please note the missing input label and input field value.

thanks,

Kevin 

[smacdonald2008]

Where are you placing the JQuery CSS? Where is the location of the client lib? 

[kev_var]

i don't explicitly place the jquery css. I have application folder under /apps/application-name. This client side application in turn has the following text in .content.xml

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
    jcr:primaryType="cq:ClientLibraryFolder"
    sling:resourceType="widgets/clientlib"
    categories="[cq.widgets,cq.authoring.editor.hook]"

     dependencies="[cq.jquery.ui]"/>