1. #1
    Sencha User
    Join Date
    Dec 2012
    Posts
    30
    Answers
    6
    Vote Rating
    2
    gendaful is on a distinguished road

      1  

    Default Answered: How to handle custom css files while generating production build using sencha cmd v3

    Answered: How to handle custom css files while generating production build using sencha cmd v3


    Hi All.


    I am working on a mobile website developed using sencha touch 2. I had used sencha cmd v3 to generate the production build. When i tested the production build, I found that my custom css files are included in the folder structure but the custom styles are not applied on the UI elements.


    Please see, I am not using SASS/COMPASS in this application. Any ideas on where things went wrong or I missed out anything? Do I have to treat custom css files differently and do something special while creating the production build? Do I need to include references of these custom css files in app.json while creating the production build? Please help.


    Thanks

  2. Hi,

    To check your custom CSS is hooked up you can do the following.

    Assuming you have a custom CSS - mycustom.css and you put in your /resources/css folder , alongside your app.css.

    After running a sencha cmd build (say a test build) - open your index.html and search for your custom css file. You should find something like:
    Code:
    {"path":"resources/css/mycustom.css","type":"css"}
    if you dont open your app.json file - used by sencha cmd to build from. You should have the following similar config:
    Code:
     "css": [        {
                "path": "resources/css/app.css",
                "update": "delta"
            },
    		{
                "path": "resources/css/mycustom.css"
            }
        ],
    If that all looks good and you still cant see your styles being used then make sure you are using the 'cls' config on your sencha view objects and components (where you wish to) e.g.
    Code:
      config:
    {
      cls: 'myclass'
    , 
     items:
    [
        {
      xtype: 'container',
                    cls: 'myclass2 myclass3' // note we can overload classes as per normal css
       }
    
    ]
    }
    There is also another config setting which may assist in certain curcumstances:
    Code:
    styleHtmlContent: true, // allow CSS to take precendence
    I hope this helps.

  3. #2
    Sencha Premium Member
    Join Date
    Feb 2012
    Posts
    84
    Answers
    4
    Vote Rating
    1
    busaware1 is on a distinguished road

      0  

    Default


    Hi,

    To check your custom CSS is hooked up you can do the following.

    Assuming you have a custom CSS - mycustom.css and you put in your /resources/css folder , alongside your app.css.

    After running a sencha cmd build (say a test build) - open your index.html and search for your custom css file. You should find something like:
    Code:
    {"path":"resources/css/mycustom.css","type":"css"}
    if you dont open your app.json file - used by sencha cmd to build from. You should have the following similar config:
    Code:
     "css": [        {
                "path": "resources/css/app.css",
                "update": "delta"
            },
    		{
                "path": "resources/css/mycustom.css"
            }
        ],
    If that all looks good and you still cant see your styles being used then make sure you are using the 'cls' config on your sencha view objects and components (where you wish to) e.g.
    Code:
      config:
    {
      cls: 'myclass'
    , 
     items:
    [
        {
      xtype: 'container',
                    cls: 'myclass2 myclass3' // note we can overload classes as per normal css
       }
    
    ]
    }
    There is also another config setting which may assist in certain curcumstances:
    Code:
    styleHtmlContent: true, // allow CSS to take precendence
    I hope this helps.

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi