Hello Support,
How can we use "Spotless theme" with Ext.NET Legacy 5x Application?
Printable View
Hello Support,
How can we use "Spotless theme" with Ext.NET Legacy 5x Application?
Hi Hrishi. We're still working on some samples and hope to be able to share today.
Hello @Hrishi, and welcome to Ext.NET Forums!
And yes, you can use spotless theme with Ext.NET 5.
In a nutshell, you just set the Ext.NET active theme asnone
and manually include the theme javascript + css in your page.
Suppose the Spotless theme files were deployed to website project's /Content/spotless path.
Then the following lines should be added to the<head />
block to the .aspx or .cshtml page.
Apply the theme project-wideCode:<link type="text/css" rel="stylesheet" href="/Content/spotless/theme-spotless-all.css" />
<script type="text/javascript" src="/Content/spotless/theme-spotless.js"></script>
The Resource Manager and the resource includes can be reused via the master page for WebForms or the layout view for MVC.
The theme can also be set asNone
project-wide, without the need of any inclusion -- so even standalone pages could default to the "none" theme -- either using Web.config or setting the session variable via Global.asax (useExt.Net.Theme
session variable). So all you might need to do is include the spotless theme resources! :-)
Hope this helps!
Thanks. I was able to do the steps mentioned. Seems to be working. Had one question. On switching to this theme, suddenly everything is a lot bigger than what used to be. i.e. the buttons are bigger, the tabs are bigger etc. Is there any way to reduce the size of everything across the board? i.e. if we have size "small", "medium" and large, everything before was size "small" now everything is size "large". Can we make it "small"?
Hi Hrishi,
Spotless Theme takes a much more modern approach to application styling than the old Ext JS themes. Consequently, larger fonts, increased padding, and more whitespace is used throughout Spotless.
There is some option to change the size of some components by configuring thescale
property. The Button is a component that supports thescale
property.
Globally reducing everything to a "smaller" size would require making some extensive revisions to the theme.
In general, when upgrading old apps to Spotless, I found that increasing theBodyPadding
,Width
, andHeight
of Panel components was an easy change that significantly improved the look of the app with Spotless.
Dropping Spotless into an existing app that was using an old Ext.NET/Ext JS theme will likely require some layout adjustments. Spotless just needs more room.
Hello
We have licence for EXT.NET. How can we download this theme?
Thanks
The Spotless Theme is bundled within Ext.NET Classic v7 and a separate download is not required.
Spotless is not included with Ext.NET Legacy v5 and not officially supported... but Spotless should work in Ext.NET Legacy v5 apps (see instructions above)... but Spotless would need to be purchased separately from https://themes.ext.net/.
Hope this helps answer your questions.