Can I add custom CSS for a skin?

HCL Volt MX Volt MX Forum
,
1

I was wondering whether I could use custom CSS for a newly created skin. If yes, then can someone point me in the right direction?

2

yes. You can add custom CSS for a skin. Go to the skin tab and enable 'Custom CSS' checkbox.

Community-Pasted-Attachment-1724919264307.png670×684 71.2 KB

3

HI @Vishal Vats ,

Yes We can add the custom CSS in our HCL Volt Iris application. Whatever Teja mention in the above comment that is right way to use.

Regards,
Harish Kumar

4

Hi @Vishal Vats ,

I hope the following product documentation will help you:

https://opensource.hcltechsw.com/volt-mx-docs/95/docs/documentation/Iris/iris_user_guide/Content/AddCustomCSSCodeToSPAApp.html

Thank you!

5

Thanks, everyone, for your reply. However, I can't see the Custom CSS option inside the property panel for skin

a.jpg467×908 40.6 KB

6

Are you selecting “Web” ? When "Native" is selected, the Custom CSS option is not displayed.

Community-Pasted-Attachment-1724936446643.png400×310 13.5 KB

7

No, I was looking to add custom CSS to the android app, and it's not there. Thanks for the update

8

HI @Vishal Vats

Thanks for your update. But the custom skin is only applicable to a few widgets & only for a Responsive Web/SPA.

  • Label
  • Segment
  • Tabpane
  • Menu container
  • Switch
  • Datagrid

Screenshot 2024-08-29 at 6.18.29 PM.png2830×1002 173 KB

9

Thanks for the clarification @Harish Kumar Boyina

10

Thanks for answering.