PricingBlog

how do I change colour of this checkbox element ?

  • shiva_46019-1281598764230119444

    shiva

    1 year ago

    1281598764645224541-image.png
  • neville9288-1281606757377904713

    Neville

    1 year ago

    do you mean the colour of the checkbox itself? currently blue?
  • Tod-1281606758887981069

    Tod

    1 year ago

    Great energy @Neville! Your continuous contribution to the toddle Community just made you advance to Community Level 4!
  • lucasg-1281615918220447866

    Lucas G

    1 year ago

    You can do it with CSS though last I checked, it’s limited in Safari
  • So the common route is to hide the checkbox and make a custom one
  • shiva_46019-1281661183811653826

    shiva

    1 year ago

    Yes, but I cant access the css - I got the checkbox from a package
  • shiva_46019-1281662587968290960

    shiva

    1 year ago

    @Tom Ireland can you help here please?
  • tomthebigtree-1281671888816439327

    Tom Ireland

    1 year ago

    I'd agree with Lucas tbh. Also, if it's from a package, it depends on what has been made available in the package out of the box as to what you can do. Otherwise, you'd need to clone it. Looking at the screenshot, it looks like it's from the 'syncdeskui' package and it doesn't look like there's any styling options for that as attributes, so you'd be probably better off creating your own and work off that as an example.
  • shiva_46019-1281673521017393307

    shiva

    1 year ago

    how do I create a checkbox though
  • I am clueless here
  • tomthebigtree-1281684607812636764

    Tom Ireland

    1 year ago

    You need to add an input field and choose the type Checkbox from the 'Attribute' tab.
  • shiva_46019-1281888276566900779

    shiva

    1 year ago

    but I still cant style it because it doesnt show the checked state when I change the state
  • tomthebigtree-1281905440816627743

    Tom Ireland

    1 year ago

    Hey, Shiva. Are you able to share a short screencast? It would be good to see how you’ve set it up so we can better support you.
  • shiva_46019-1281935184555540553

    shiva

    1 year ago

    1281935184463138847-image.png
  • 1276933351646953493-@shiva
    plusmin-1281944751251128341

    Armand

    1 year ago

    Are you feeding through the data to the class in the attribute tab of the element?
    In other words, you either have the data for each row (and whether they are checked or not) in an attribute or coming from an API. Based on that it will activate the style (as far as I know this should always be a True/False output in the formula).

    See in my images:
    1281944750731300924-Screenshot_2567-09-07_at_18.47.29.png
    1281944751071035463-Screenshot_2567-09-07_at_18.50.01.png
    1281944750441627741-Screenshot_2567-09-07_at_18.47.36.png
  • shiva_46019-1281953383833665606

    shiva

    1 year ago

    but it should show the state atleast first,, it doesnt show the state at all
  • Tod-1281991378393497703

    Tod

    1 year ago

    Great energy @Yaniv Tsoref! Your continuous contribution to the toddle Community just made you advance to Community Level 2!