Genie Discord forum

Right now I'm passing the style keyword to a slider component. If I wanted to assign a class, where would I add the CSS code? Is it possible to include external CSS files from the Julia code?

`using GenieFramework @genietools

@in const value = 1

function ui() row(slider(1:1:20, , style="width : 200px;")) row([ cell(span("Value: null")) cell(numberfield("", )) ]) end

@page("/", ui)`

you mean add css to slider component or entire page?

if you create public/css/genieapp.css it will be automatically injected in the page -- you can define there classes and add them to the components

same for public/js/genieapp.js

or you can also prepend that in ui function if I remember correctly

no, that was something else (it was the Stipple.page function)

oh yes page() would take style

https://github.com/GenieFramework/StippleDemos/blob/ee5718b6507b2cd5ac11912d53c317dbaefe6c14/AdvancedExamples/ContourPlots/heatlab.jl#L63-L87

for a fully customised approach, one can also create their own layout file (and pass it to @page) and there they can load any assets they want

yes, but that's not relevant for the question / new API @abhimanyuaryan

aah ok yes doesn't have page

Thanks! Could you provide a more detailed explanation/example for this?

Hey @Mav Sorry i don’t think we have any example out for this yet. We’ll do a full tutorial on component styling soon