Documentation:Tkusercss: Difference between revisions

Tkusercss

Latest revision as of 15:48, 10 February 2024

Create your own CSS and we will merge it into the Turnkey application.

The file should be named tkusercss.css and reside in application-root/Content.

The tkusercss file is the correct place to introduce your new styles that match the names of the styles given in the ViewModel columns style attribute.

To do a massive reshaping of the standard look, override existing styles from site.css in your tkusercss.css - but a better option might be to make the site global style changes with the scss strategy described here.

If you ever suffer from FOUC - https://en.wikipedia.org/wiki/Flash_of_unstyled_content - it is probably due to having styles defined too late on your page. Consider moving into tkusercss.css

This page was edited 97 days ago on 02/10/2024. What links here

@@ Line 1: / Line 1: @@
-You can create your own css and we will merge it into the the turnkey application.
+Create your own CSS and we will merge it into the Turnkey application.
+* The file should be named tkusercss.css and reside in application-root/Content.
+The tkusercss file is the correct place to introduce your new styles that match the names of the styles given in the ViewModel columns style attribute.
-The file should be named tkusercss.css and it should reside in application-root/Content.
+To do a massive reshaping of the standard look, override existing styles from site.css in your tkusercss.css - but a better option might be to make the site global style changes with the [[MDriven Turnkey theming|scss strategy described here]].
-The tkusercss file is the correct place to introduce your new styles that match names of styles given in the ViewModel columns style attribute.
+If you ever suffer from FOUC - https://en.wikipedia.org/wiki/Flash_of_unstyled_content - it is probably due to having styles defined too late on your page. Consider moving into tkusercss.css
+[[Category:MDriven Turnkey]]
-To do massive reshaping of the standard look you can override existing styles from site.css in you tkusercss.css but a better option might be to make the site global style changes with the [[Scss|scss strategy described here]].
+{{Edited|July|12|2024}}
-If you ever suffer from FOUC https://en.wikipedia.org/wiki/Flash_of_unstyled_content it is probably due to you having styles defined to late in your page - and you should consider to move into tkusercss or even into [[AppWideAngularScriptIncludes]].html to make it load earlier