MVC Themes

Revision as of 21:18, 8 June 2020 by TCAWiki (talk | contribs) (Created page with "== Support for Theme Builder == TCAdmin 2.0.149 and greater supports ThemeBuilder from telerik.com. Some ThemeBuilder themes are included with TCAdmin by default but you can c...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Support for Theme Builder

TCAdmin 2.0.149 and greater supports ThemeBuilder from telerik.com. Some ThemeBuilder themes are included with TCAdmin by default but you can create your personalized theme.

To create a custom ThemeBuilder theme

  • Go to the ThemeBuilder website and select Start Theming: https://themebuilder.telerik.com/aspnet-mvc
  • Select your base theme (Default, Bootstrap or material)
  • Leave all components selected, scroll to the bottom and click on Create.
  • Select color swatches to choose from predefined color schemes and adjust the colors as needed.
  • You may also change the border radius used by the controls. Default in ThemeBuilder is 2px. The TCAdmin NexT theme uses 8px.
  • When your theme is ready click on Download in the upper right corner.
  • Extract the zip. Keep the file named variables.scss in a safe place. You can use this file to update the theme in ThemeBuilder when needed.
  • Log in to TCAdmin. Go to Settings > Themes > Import ThemeBuilder CSS.
  • Select the .css that you generated and click on Import. If a file already exists with that name it will be overwritten.
  • Select your existing theme or create a new one.
  • Select your ThemeBuilder theme and click on "Apply these Colors". This will take the ThemeBuilder colors and apply them to MVC and ASP.NET content automatically.
  • In the Theme Options tab you can adjust the colors as needed.

Automatic Logo Color

If you upload a black and white logo for your theme TCAdmin can change the color automatically to match your theme's primary color. You simply need to check "Change logo color to match theme". For more a accurate change of color make sure your logo is in black and white not grayscale.

Automatic Theme Updates

With TCAdmin 2.0.149 all default themes are updated automatically. Default themes are the ones with id starting with 00000000.

Before updating to 2.0.149 make a backup of your default themes if you have made any changes to them. All modifications except logo and custom css will be reset.

After the 2.0.149 update (2.0.150 and greater) the default themes will be updated but you won't lose any of the changes made to them (custom colors, css, logos, etc). The .cshtml files in those themes will be replaced with the original. The default themes will always be available in our forums: https://community.tcadmin.com/files/category/2-themes/

Retrieved from "https://help.tcadmin.com/index.php?title=MVC_Themes&oldid=2148"