[CLOSED] How to create a new Bootstrap theme for Ext.Net components

[Arohan]

1. Is it possible to create a Bootstrap theme for Ext.Net ?
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 ?
4. Are there any ready-made Metro Style themes ?

[Daniil]

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]

Thanks for your timely support.

As you have suggested, I Could find themes @ Sencha Market

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


Above screen was displayed properly with theme="Gray"

Please guide.

[Daniil]

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]

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]

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]

Yes. You are correct. If we embed into .dll this will increase the maintenance. Thanks for your kind support. You may close this thread.