PDA

View Full Version : [CLOSED] How to create a new Bootstrap theme for Ext.Net components



Arohan
Sep 13, 2014, 2:05 PM
Is it possible to create a Bootstrap theme for Ext.Net ?
If Yes, what are the steps required to build a theme ?
Once the customized theme is ready how to apply it to existing Ext.Net application ?
Are there any ready-made Metro Style themes ?

Daniil
Sep 14, 2014, 7:30 AM
Hi @Arohan,



1. Is it possible to create a Bootstrap theme for Ext.Net ?



To look exactly as Bootstrap components? Theoretically, I think it is possible. Generally speaking, anything that is possible with CSS should be possible with an Ext.NET theme, because an Ext.NET/ExtJS theme is a CSS file. Though, for example, the Neptune theme uses a JavaScript file as well. It sets?overrides some properties for Components on the level of JavaScript classes. In Ext.NET v2/ExtJS 4 the Neptune theme is the only one built-in with a JavaScript file.


2. If Yes, what are the steps required to build a theme ?

3. Once the customized theme is ready how to apply it to existing Ext.Net application ?



These threads might be helpful.
http://forums.ext.net/showthread.php?25098
http://forums.ext.net/showthread.php?27813


4. Are there any ready-made Metro Style themes ?



I've not seen. Though, it might exists for ExtJS, at least. If so, you could take/buy it and adjust to Ext.NET.

Arohan
Sep 15, 2014, 10:10 AM
Thanks for your timely support.

As you have suggested, I Could find themes @ Sencha Market (https://market.sencha.com/extensions/clifton-theme)

I have downloaded the above theme and tried to use in existing application by setting themePath as shown below in web.config


<extnet themePath="resources/css/clifton.css" />

But this results in
15121

Above screen was displayed properly with theme="Gray"

Please guide.

Daniil
Sep 15, 2014, 2:36 PM
I guess the clifton.css is not loaded. Please review the requests in a browser (IE or Chrome Developer Tools, FireFox FireBug, Fiddler). Is there any "Not Found" errors? If any, what is the URL?

Arohan
Sep 17, 2014, 6:41 AM
I have downloaded the Ext.Net source code using premium access. Now, How to modify the SCSS files and embed into Ext.Net dll ?

Daniil
Sep 17, 2014, 11:01 AM
SCSS files? Do you mean .css files?


and embed into Ext.Net dll

A file should be marked as Embedded Resource. Also there should be a reference in AssemblyInfo.cs. You can review the existing AssemblyInfo.cs file, there is already a lot of references.

By the way, do you really need to embed it? You might need to maintain it on each Ext.NET update. What about a separate .css file which you could put on the page?

Arohan
Sep 18, 2014, 4:50 AM
Yes. You are correct. If we embed into .dll this will increase the maintenance. Thanks for your kind support. You may close this thread.