Documentation:Tkusercss: Difference between revisions

Tkusercss

Revision as of 13:28, 11 July 2021

You can create your own css and we will merge it into the the turnkey application.

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

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

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 strategy described here.

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

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

Revision as of 08:32, 16 June 2019 (view source) Hans Karlsen (talk \| contribs) No edit summary Tag: Visual edit ← Older edit		Revision as of 13:28, 11 July 2021 (view source) Hans Karlsen (talk \| contribs) No edit summary Tag: Visual edit Newer edit →
Line 6:		Line 6:

	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]].		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]].

			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