Jump to content

ParkLoey

Caspio Guru
  • Posts

    109
  • Joined

  • Last visited

  • Days Won

    5

Community Answers

  1. ParkLoey's post in How duplicate a set of records was marked as the answer   
    Hi @innov2e ! I got curious about this workflow and tried it on my end as well. Here's what I came up with. Basically, I created a trigger on insert to my company table so it only triggers when I add new companies to the table.

    Then I got here my StandardProcess_Tbl which is where I'll get the processes I want to insert when there's a new company:

    And here's the result when I added a new company "BB"

     
    Hopefully this gives you an idea and helps 
    - LOEY
  2. ParkLoey's post in Anyone have a good way to create a toggle switch instead of checkbox to look better was marked as the answer   
    Hi @Mikey 
    Not sure what type of toggle switch you are referring to, but I recently turned one of my checkbox field to this

    I used this article as a guide: https://www.w3schools.com/howto/howto_css_switch.asp
    Here's the CSS code I inserted inside my Header. You'll have to change every "InsertRecordCheckbox1" to InsertRecord + field name
    <style> /* Toggle Button */ input[name="InsertRecordCheckbox1"]{ -webkit-appearance: none; -webkit-tap-highlight-color: transparent; position: relative; border: 0; outline: 0; cursor: pointer; margin: 10px; } /* To create surface of toggle button */ input[name="InsertRecordCheckbox1"]:after { content: ''; width: 60px; height: 28px; display: inline-block; background: rgba(196, 195, 195, 0.55); border-radius: 18px; clear: both; } /* Contents before checkbox to create toggle handle */ input[name="InsertRecordCheckbox1"]:before { content: ''; width: 32px; height: 32px; display: block; position: absolute; left: 0; top: -3px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); } /* Shift the handle to left on check event */ input[name="InsertRecordCheckbox1"]:checked:before { left: 32px; box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6); } /* Background color when toggle button will be active */ input[name="InsertRecordCheckbox1"]:checked:after { background: #16a085; } /* Transition for smoothness */ input[name="InsertRecordCheckbox1"], input[name="InsertRecordCheckbox1"]:before, input[name="InsertRecordCheckbox1"]:after, input[name="InsertRecordCheckbox1"]:checked:before, input[name="InsertRecordCheckbox1"]:checked:after { transition: ease .3s; -webkit-transition: ease .3s; -moz-transition: ease .3s; -o-transition: ease .3s; } </style> You can also check this out inside a DataPage: https://c2abn197.caspio.com/dp/adf5800034e2acc873eb437db966
    I hope this helps~
×
×
  • Create New...