How does custom css properties for skins work?

This thread was migrated from an old forum. It may contain information that are no longer valid. For further assistance, please post a new question or open a support ticket from the Customer Support portal.

I am attempting to apply styles to skins defined as part of a desktop web application. The skin in question is being applied to a text box component. I am attempting to remove the focus outline as well as set the bottom border property (to indicate focus or not). I'd like to understand how the css styles are applied and how they affect already defined skin property values. What is the order of precedence? Are there any css properties that can't be used? For example, in my version of visualizer, if I assign a border property, it appears to be removed when the app is executed. Any documentation or articles on this would be helpful. Couldn't find anything.

can you help with this?

Hi , For using Custom CSS you need to fork the skin in Desktop Web and once you fork a skin to apply Custom CSS the properties set in skin configuration is ignored. CSS takes the precedence.

Here is a documentation that will help you on how to use selectors to apply CSS properties to Widgets: https://docs.kony.com/konylibrary/visualizer/visualizer_user_guide/Content/AddCustomCSSCodeToSPAApp.htm

Thanks!