This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| user_guide:extjs:theme [2022/04/21 13:50] – admin | user_guide:extjs:theme [2022/04/21 15:41] (current) – [Production built] admin | ||
|---|---|---|---|
| Line 8: | Line 8: | ||
| # We will check it out in the home directory of the **system** user. | # We will check it out in the home directory of the **system** user. | ||
| cd ~ | cd ~ | ||
| - | sudo git clone https:// | + | git clone https:// |
| + | </ | ||
| + | * Check out the Ext JS GPL version SDK | ||
| + | <code bash> | ||
| + | cd ~ | ||
| + | mkdir extjs-gpl | ||
| + | cd extjs-gpl/ | ||
| + | git clone https:// | ||
| + | ln -s / | ||
| </ | </ | ||
| * For this reference we will create a black theme with red lettering. | * For this reference we will create a black theme with red lettering. | ||
| Line 29: | Line 37: | ||
| * Now that the theme is completed we can build the RADIUSdesk production GUI to see how it looks. | * Now that the theme is completed we can build the RADIUSdesk production GUI to see how it looks. | ||
| ===== Creating A Custom Theme - Part 2 ===== | ===== Creating A Custom Theme - Part 2 ===== | ||
| - | | + | ==== Development built ==== |
| + | | ||
| + | * To build the development code: | ||
| + | <code bash> | ||
| + | cd / | ||
| + | sencha app refresh | ||
| + | sencha app build development | ||
| + | </ | ||
| + | * Create this built if you also want to modify some of the RADIUSdesk GUI code and you want to see the modifications before building the final built. | ||
| + | |||
| + | ==== Production built ==== | ||
| + | * To build the production ready optimized code | ||
| <code bash> | <code bash> | ||
| cd / | cd / | ||
| Line 37: | Line 56: | ||
| * This will now build the production ready code but we actually need to see how it looks in order to determine that the theme is in order. | * This will now build the production ready code but we actually need to see how it looks in order to determine that the theme is in order. | ||
| * The production ready code will sit in this directory / | * The production ready code will sit in this directory / | ||
| + | |||
| + | ==== Looking At The Results | ||
| + | |||
| * Link the rd directory to the rd_tmp directory served in the webroot of the Nginx web server. | * Link the rd directory to the rd_tmp directory served in the webroot of the Nginx web server. | ||
| <code bash> | <code bash> | ||
| Line 42: | Line 64: | ||
| </ | </ | ||
| * Then to view the theme you can navigate to these URLs | * Then to view the theme you can navigate to these URLs | ||
| - | * http:// | + | |
| - | * http:// | + | |