12

Custom Buttons

My contribution for the holidays is this template that allows you to create personalized buttons.

Happy Holidays!

Download and leave a review here...

49 replies

null
      • Ninox partner
      • RoSoft_Steven.1
      • 1 yr agoSun, February 4, 2024 at 11:24 PM UTC
      • Reported - view

      Getting there ..... Update soon.....

        • Kruna
        • 1 yr agoMon, February 5, 2024 at 6:37 AM UTC
        • Reported - view

        wow that looks amazing - looking forward!馃憤

        • Sam.1
        • 1 yr agoMon, February 5, 2024 at 12:08 PM UTC
        • Reported - view

        Thanks for the preview 

         

      • Ninox partner
      • RoSoft_Steven.1
      • 1 yr agoMon, February 5, 2024 at 2:30 PM UTC
      • Reported - view

      ****** UPDATED ******

      Download version 2 here

      Video here

        • Rafael Sanchis
        • Rafael_Sanchis
        • 1 yr agoMon, February 5, 2024 at 5:12 PM UTC
        • Reported - view

         Excelent Work, appreciate your contribution. 馃憤

        • szormpas
        • 1 yr agoMon, February 5, 2024 at 8:16 PM UTC
        • Reported - view

          , really distinct buttons and convenient tool 馃憤

        • Sam.1
        • 1 yr agoMon, February 5, 2024 at 8:22 PM UTC
        • Reported - view

         the video is very helpful! However, the link is taking me to the first version.

        • Kruna
        • 1 yr agoTue, February 6, 2024 at 5:56 AM UTC
        • Reported - view

        you rock!!!!馃憤thank you so much for taking your time and doing such an amazing work!

        • lime_owl
        • 11 mths agoTue, April 23, 2024 at 7:29 AM UTC
        • Reported - view

        thank you so much for this feature :- ))

         

        2 questions:

        1) the text doens't show up in my databas, any idea what i am doing wrong?

        RSCustomPHButton({
                text: {
                    label: "exampletext",
                    color: "#FADA33",
                    size: "24",
                    bold: "bold",
                    text: "Ja"
                },
                button: {
                    btnid: "19",
                    color: "#FFFFFF",
                    borderstyle: "solid",
                    borderwidth: "thick",
                    bordercolor: "#FADA33",
                    hovercolor: "#37405B",
                    round: "10"
                },
                icon: {
                    name: "timer",
                    weight: "-light",
                    size: "68",
                    color: "#FADA33",
                    placement: "row"
                }
            })

        2) there are new icons on phosphor, that are not available in the custom button DB, is there a way how a user can sync or update the list?

        • lime_owl
        • 11 mths agoTue, April 23, 2024 at 9:59 AM UTC
        • Reported - view

        I found the answer to my own question (1):

        as i am using the german ninox version, the field element is ja/nein instead of yes/no. when i change the "Ja" to "Yes", it works

      • szormpas
      • 1 yr agoMon, February 5, 2024 at 8:20 PM UTC
      • Reported - view

      For some reason, I cannot download the updated file from the link...

      • Ninox partner
      • RoSoft_Steven.1
      • 1 yr agoMon, February 5, 2024 at 8:27 PM UTC
      • Reported - view

      I guess you need to reload the downloadpage in the browser (still in your cache i think) let me know if it doesn't work.

        • Sam.1
        • 1 yr agoMon, February 5, 2024 at 8:41 PM UTC
        • Reported - view

         have tried it in Chrome, Safari, Edge and the iPad. All downloads were the original version

        • Rafael Sanchis
        • Rafael_Sanchis
        • 1 yr agoMon, February 5, 2024 at 8:45 PM UTC
        • Reported - view

        The new Buttons is on other tab (Phosphor Icons)

        • Ninox partner
        • RoSoft_Steven.1
        • 1 yr agoMon, February 5, 2024 at 8:47 PM UTC
        • Reported - view

         That's weird, do you see the download page with the download button? I just changed the downloadlink this afternoon. The filename is Custom Buttons V2.ninox

        • Sam.1
        • 1 yr agoMon, February 5, 2024 at 9:13 PM UTC
        • Reported - view

         yes鈥攖he button. Finally got the V2 to show itself.

        It has 4 tables and this is the home page. Correct?

        • Ninox partner
        • RoSoft_Steven.1
        • 1 yr agoMon, February 5, 2024 at 9:21 PM UTC
        • Reported - view

         thanks for the reply. Yes, the phosphor buttons are in the second tab of the page you show 馃憤

      • lime_owl
      • 11 mths agoWed, April 17, 2024 at 1:18 PM UTC
      • Reported - view

      can anyone help me how to insert the "custom button" v2 code into some other html code in order to have a button that works?

      if i just type in the code to a formular field, it works fine

       

      but what do i need to add, so that this button opens a certain table for example?

      html(---
<span onclick=ui.openTable('{ "XC" }')>
RSCustomPHButton({
  text:{
    label:"",
    color:"#00BFBF",
    size:"24",
    bold:"bold",
    text:"Nein"
},
button:{
   btnid:"19",
   color:"#BFFFFF",
   borderstyle:"none",
   borderwidth:"thick",
   bordercolor:"#007F7F",
   hovercolor:"#7FFFFF",
   round:"10"
},
icon:{
   name:"address-book",
   weight:"-light",
   size:"64",
   color:"#00BFBF",
   placement:"row"
}
})
</span>
---)
        • Kruna
        • 11 mths agoWed, April 17, 2024 at 2:00 PM UTC
        • Reported - view

         hi, in your Formula field you would Need to enter here 

        • lime_owl
        • 11 mths agoWed, April 17, 2024 at 3:16 PM UTC
        • Reported - view

        wow, that's something big i didn't know yet ;) thanks!

         

        still, is it also possible to add the code to a html function?

        this is the code where i would like to implement a custom button within a grid container:

        let term := (select Termine
        where 'Status (Angefragt - Zugesagt - Jederzeit - Erledigt)' = 2 or
        'Status (Angefragt - Zugesagt - Jederzeit - Erledigt)' = 3);
let zeit := (select Zeiterfassung);

let css := "
<style>
.grid-container {
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(20em, 1fr));
    grid-gap:20px;
}
.gridFormat{
    font-size:small;
    text-align:left;
    border-radius:.5em;
    padding:1em;
    color:white;
}
span:hover{
    cursor:pointer;
}

.gridOne {background-color:#5834b9;}
</style>

";
let content := ---
<aside class = 'grid-container'>{ for aa in term do }

<aside class =  'gridFormat gridOne'>

    <span onclick="ui.popupRecord('{ aa }')">
    <b>{ aa.KD }
   <span style="
    border-radius: .5em;
    background-color: red;
    ">{ aa.plc }</span>


   // Here i would like to implement the custom button


    </b></aside>{ end }
</aside>
    ---;
html(head + css + content)
        • Kruna
        • 11 mths agoThu, April 18, 2024 at 11:01 AM UTC
        • Reported - view

         I am Not sure, if I understood right, but try this instead

        <button onclick="ui.popupRecord('{ aa }')">
    <b>{ aa.KD }
   <span style="
    border-radius: .5em;
    background-color: red;
    ">{ aa.plc }</button>
        • lime_owl
        • 11 mths agoTue, April 23, 2024 at 7:23 AM UTC
        • Reported - view

        the code works fine, but i would like to implement the custom button here ;)

        When entering the code into a formular field, it produces a flex grid box for each due appointment in my "appointment" table. when i click on the box, it opens the appointment. now i would like to have several custom buttons within the box:

        • Kruna
        • 11 mths agoTue, April 23, 2024 at 10:25 AM UTC
        • Reported - view

         can you pls upload a dummy sample database to look into it?

        would be easier for me to help :-)

        • lime_owl
        • 11 mths agoTue, April 23, 2024 at 11:16 AM UTC
        • Reported - view

        i've found a solution, even though it might not be the most elegant one ;)

        as i don't want to continue spamming this post, i've started a new topic:

        https://forum.ninox.com/t/x2y6gb7 with a dummy-DB of my project ;)

      • Angel_Del_Pino_Velez
      • 7 mths agoWed, August 14, 2024 at 12:03 PM UTC
      • Reported - view
      Good afternoon, I am a newbie to HTML. I have downloaded the tables that you have to design the buttons. This answer always tells me. I tried at the beginning of the code to put the html(). The function has not been defined: RSCustomphbutton(any) line 25, column 2
    Login to reply

    Content aside

    Categories

    View all topics
    • 12 Likes
    • 7 mths agoWed, August 14, 2024 at 12:03 PM UTCLast active
    • 49Replies
    • 1392Views
    • 14 Following