PDA

View Full Version : add external style sheet to extjs



venkateshwar
14 Feb 2013, 10:06 PM
In my sencha extjs 4.1.1a MVC project, I am trying to add external style sheets. I created some classes in a external css file and trying to call it in my view architecture by using `cls` config. But this seems to doesn't work.. I can't understand where I am going wrong in understanding extjs.


For example in my `button` component, I am trying like below for adding a class `buttonStyle`:


cls: 'buttonStyle', //even tried cls: '.buttonStyle'


The following is my projects HTML template.





<!DOCTYPE html>


<html>
<head>
<title></title>


<script type="text/javascript" src="resources/jQuery 1-9-1.min.js"></script>
<script type="text/javascript" src="ext-4.0/ext-debug.js"></script>
<link rel="stylesheet" type="text/css" href="ext-4.0/resources/css/ext-all.css">

<script type="text/javascript" src="app.js"></script>
<!-- the address link of the below css file is correct. -->
<link rel="stylesheet" type="text/css" href="resources/style.css" />

</head>
<body> </body>
</html>

venkateshwar
14 Feb 2013, 11:05 PM
sorry I have done a silly mistake here.. instead of using commas in css styles, I was using semi colons. I was completely in javascript.