Help a noobie

  • drillean-1354254589414871124

    Isaias

    6 days ago

    Hey guys, I'm having trouble being able to change icons in my button.
    For reference I was watching this tutorial https://www.youtube.com/watch?v=wrSdP7kAm2s from the Toddle youtube channel, but it seem like it's no longer up to date, when I paste the new svg onto the component child from the home page, it replaces both of my lead and trail icons, as well as their size and color, does anybody have some advice?
  • 1023023984687710238-@Isaias
    Hey guys, I'm having trouble being able to change icons in my button.
    For reference I was watching this tutorial
    https://www.youtube.com/watch?v=wrSdP7kAm2s from the Toddle youtube channel, but it seem like it's no longer up to date, when I paste the new svg onto the component child from the home page, it replaces both of my lead and trail icons, as well as their size and color, does anybody have some advice?
    lucasg-1354273226137796648

    Lucas G

    6 days ago

    Are you able to post a screenshot of your homepage setup (of the button)?
  • lucasg-1354273487287750687

    Lucas G

    6 days ago

    The UI has changed but the functionality hasn't changed regarding how slots work
  • drillean-1354276890160005251

    Isaias

    6 days ago

    This is everything I've done so far. I'm getting familiar with the UI and all the features, trying to make sense of it in my head so later I can dive in into the nodes, API's, all that fun stuff
    1354276889379864809-Opera_Snapshot_2025-03-25_210558_toddle.dev.png
  • drillean-1354277378867728626

    Isaias

    6 days ago

    1354277378653950076-Opera_Snapshot_2025-03-25_211339_toddle.dev.png
  • drillean-1354280769698136185

    Isaias

    6 days ago

    this is the default
    1354280769392083014-Opera_Snapshot_2025-03-25_212726_toddle.dev.png
  • Tod-1354280771065614358

    Tod

    6 days ago

    Great energy @Isaias! Your continuous contribution to the toddle Community just made you advance to Community Level 1!
  • 1023023984687710238-@Isaias
    lucasg-1354287176208220213

    Lucas G

    6 days ago

    On this second image, with the new SVG child
  • Click on the SVG and assign it a slot
  • Try that and see
  • Weird that it is replacing both by default though
  • drillean-1354292341959168182

    Isaias

    6 days ago

    I did it! thanks! I didn't realized I was not selecting the attributes tab, I also had to go back to the parent component and rename the slots otherwise I couldn't select any of them in the homepage. The thing that I notice is that the new svg didn't inheret the previos color but I guess I can live with that
    1354292340801404988-image_1.png
    1354292341162250300-Opera_Snapshot_2025-03-25_220317_toddle.dev.png
    1354292341720088596-Opera_Snapshot_2025-03-25_220407_toddle.dev.png
  • lucasg-1354292897456852992

    Lucas G

    6 days ago

    For an SVG to inherit colors, you'll need to set it to currentColor
  • stroke: currentColor
  • drillean-1354297711418937375

    Isaias

    6 days ago

    Sorry I'm not following you, where should I set it to currentColor? the parent, child?
  • lucasg-1354323353003098123

    Lucas G

    6 days ago

    Add a stroke attribute to the SVG and give it a value of currentColor

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code — but accessible to your entire team!

Try toddle — it's free!

© Copyright 2024 toddle. All rights reserved.