View Full Version : add external style sheet to extjs

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>


<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" />

<body> </body>

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.