How to add custom css file in Ext JS 5 via app.json?

Question

In app.json, Ext JS 5 provide a way to include CSS file using object. Here my code in app.json

"css": [
        {
            "path": "bootstrap.css",
            "bootstrap": true
        },
        {
            "path": "app.css"
        }
    ],

It seems app.css does not include in HTML.

any idea?

stoe · Accepted Answer · 2014-12-05 05:04:52Z

4

You have to run

sencha app refresh

after adding new resources / changing app.json.

This will then enable the microloader to fetch the new resources.

answered Dec 5, 2014 at 5:04

stoe

1215 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alex Tokarev · Accepted Answer · 2014-12-05 04:08:14Z

0

As far as I know, CSS files are never bundled in HTML boilerplate like JavaScript. CSS is always loaded separately.

Your configuration looks correct. Is app.css CSS being loaded at runtime?

answered Dec 5, 2014 at 4:08

Alex Tokarev

4,8611 gold badge22 silver badges30 bronze badges

4 Comments

Dani Petrick Over a year ago

app.css is not being loaded at runtime, but bootstrap.css loaded

Alex Tokarev Over a year ago

Is app.css not being loaded in dev mode, or in testing/production build?

Alex Tokarev Over a year ago

Ok I got a bit confused, thought you meant built mode. This explains why it worked after running sencha app refresh - this target will regenerate bootstrap.css that is used to load stylesheets.

Dani Petrick Over a year ago

running sencha app refresh will regenerate bootstrap.json ot bootstrap.css. app.css will be registered in bootstrap.json

Collectives™ on Stack Overflow

How to add custom css file in Ext JS 5 via app.json?

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related