PricingBlog

Custom stylesheet?

  • neville9288-1275066068745846889

    Neville

    1 year ago

    Hello toddlers! 😁

    I am building a document library app, and one of the things I need is a custom stylesheet that governs how the documents are displayed. In Webflow, I just designed a "stylesheet" page with all the classes, and generated the documents using those classes. Because the classes are available in all pages, display works perfectly.

    In Toddle, I was thinking I can generate a stylesheet, upload it to my toddle site, and then reference the stylesheet in the "view document" page. However, it seems that Toddle doesn't allow uploading anything other than media files.

    I would like to keep my dev and deployment stacks as small as possible, so I would like to avoid using an external CDN if I can.

    Any ideas on how I can accomplish this?

    Thanks for the help!
  • neville9288-1275086108987756566

    Neville

    1 year ago

    😅 I could of course just store the CSS in the "view document page"... as a Toddle style element.... We live and learn 😅
  • greg.irl-1275414026423111774

    Greg IRE

    1 year ago

    @Neville I was also wondering this, but I don't fully understand your solution (Toddle newbie here). Could you explain it for me?
  • neville9288-1275754391714005046

    Neville

    1 year ago

    Hey Greg, there's a Style element (under Other) you can insert on the page. It presents as a little text box, but seems to accept quite a lot of text.

    I'm also a Toddle newbie, so I'm not sure I'm quite doing this the right way. I've been using Webflow and Wized, but as @NoCode ProCode has pointed out, that combo is becoming increasingly difficult to maintain. Webflow is fine, Wized not so much. This is pretty much a POC for me, but looking promising.

    To make this work, I exported my original Webflow project. There, I had a "stylesheet" page (a la Relume) which worked great because I could just build a page with Webflow, style the classes, and know the result would be good.

    There is one part of Toddle that I'm still trying to wrap my head around. I've been working with Webflow for quite some time now, and am used to the idea that you can style and re-use a class anywhere. In Toddle, styling is attached to specific elements and not classes, so you either have to use components (changes to one are reflected in all the others), or individually style each element. This is a headache, and I'm looking at ways to make this easier and still be 100^ HTML and CSS compliant.

    My app fetches content from Xano. The content itself is generated from Word documents (using VBA), so there's quite a stack involved.

    Hope that helps.