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

SOLVE
Highlighted
Top Contributor | Platinum Partner

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
Regular Contributor | Diamond 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

3 Replies 3
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 

Regular Contributor | Diamond 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

Top Contributor | Platinum Partner

@amwilie 

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