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

  1. #1

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

    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 ?
    Last edited by Daniil; Sep 18, 2014 at 6:44 AM. Reason: [CLOSED]
  2. #2
    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.
  3. #3
    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
    Click image for larger version. 

Name:	BadImage.gif 
Views:	82 
Size:	15.7 KB 
ID:	15121

    Above screen was displayed properly with theme="Gray"

    Please guide.
  4. #4
    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?
  5. #5
    I have downloaded the Ext.Net source code using premium access. Now, How to modify the SCSS files and embed into Ext.Net dll ?
    Last edited by Arohan; Sep 17, 2014 at 6:57 AM.
  6. #6
    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?
    Last edited by Daniil; Sep 17, 2014 at 11:11 AM.
  7. #7
    Yes. You are correct. If we embed into .dll this will increase the maintenance. Thanks for your kind support. You may close this thread.

Similar Threads

  1. Replies: 1
    Last Post: Aug 21, 2014, 4:57 PM
  2. BootStrap With Ext.Net
    By nagesh in forum 2.x Help
    Replies: 2
    Last Post: Mar 22, 2013, 1:34 PM
  3. [CLOSED] Create a dynamic event for dynamic components.
    By stoque in forum 1.x Premium Help
    Replies: 10
    Last Post: May 10, 2011, 9:16 PM
  4. Create custom theme
    By methode in forum Open Discussions
    Replies: 2
    Last Post: Aug 12, 2009, 5:40 PM
  5. How to create custom theme?
    By dbassett74 in forum 1.x Help
    Replies: 2
    Last Post: Apr 22, 2009, 11:15 PM

Posting Permissions