jquery - ExtJs 4.2 styling affects to my general style (Jsp inside another) -
i've problems styling using extjs4. in jsp have top bar, vertical menu bar , wrapper div on right side of menu. wrapper changes content depending on selection. in case, load jsp inside wrapper extjs table. jquery invoking function:
$('#wrapper').load('../admin/userstable.html');
userstable.html returns jsp contains following:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es"> <head> <title><spring:message code="app.admin.panel.user.title"/></title> <link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all-neptune.css"> <script type="text/javascript" src="../extjs/ext-all.js"></script> <script type="text/javascript" src="../extjs/ext-theme-neptune.js"></script> <script type="text/javascript" src="../js/systemusers.js"> </script> </head> <body> <div id="container"> <h3>system users</h3> </div> </body> </html>
the script creates table users , renders table div #container. when invoke load method , loads jsp table in parent jsp, general style affected. ext adds classes , id body , other components. example:
how can manage situation? can include !important or avoid extjs stylings because took firebug cannot same style default because changes many things.
thank all
Comments
Post a Comment