Can i use values of fields in custom module to customize css file out of module?

SOLVE
Highlighted
Regular Advisor

Hi, 

 

I create my custom modules with fields customizating the inline style of this modules.

 

But not is good insert inline styles for each customization i will create in my module. 

 

Is possible i use the value of one field in custom module to customization my stylesheet out of the module, so not including CSS sheets and inline CSS to each module?

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Highlighted
Solution
Advisor | Elite Partner

You can't even add custom module values into the styles section of the custom module itself so I don't think it's possible to add custom modules values into a stylesheet either. Hubl in a stylesheet is rendered and minified once the sheet is published so it wouldn't be able to grab variables from the template.

The best we can do is limit the customization and just create classes in the module based on the options. (Ex: a choice field named bacground_color with 'dark, light, alpha, beta, etc' and in the HTML of the module put :
class="background-{{ module.background_color }}")

Alyssa Wilie
Web Developer

LyntonWeb

Alyssa Wilie

Web Developer at LyntonWeb

If this answer solved your question, please mark it as the solution!

View solution in original post

3 Replies 3
Highlighted
Community Manager

Hey @DanielSanchez 

 

I will tag a few devs that can share with you some tips about this. 

 

Hey @amwilie @Jon_McLaren @AlexanderData could you please advise @DanielSanchez ?

 

Thank you

Happy Monday

Sharon 


We are excited to announce that the Community will be launching a weekly newsletter on November 2, 2020!
Sign up today!
Highlighted
Solution
Advisor | Elite Partner

You can't even add custom module values into the styles section of the custom module itself so I don't think it's possible to add custom modules values into a stylesheet either. Hubl in a stylesheet is rendered and minified once the sheet is published so it wouldn't be able to grab variables from the template.

The best we can do is limit the customization and just create classes in the module based on the options. (Ex: a choice field named bacground_color with 'dark, light, alpha, beta, etc' and in the HTML of the module put :
class="background-{{ module.background_color }}")

Alyssa Wilie
Web Developer

LyntonWeb

Alyssa Wilie

Web Developer at LyntonWeb

If this answer solved your question, please mark it as the solution!

View solution in original post

Highlighted
Regular Advisor

@amwilie 

Really a great idea !! Use fields to create classes instead of customizing. Thank you!