11

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...

48 replies

null
    • Ninox partner
    • RoSoft_Steven.1
    • 2 mths ago
    • Reported - view

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

      • Kruna
      • 2 mths ago
      • Reported - view

      wow that looks amazing - looking forward!馃憤

      • Sam.1
      • 2 mths ago
      • Reported - view

      Thanks for the preview 

       

    • Ninox partner
    • RoSoft_Steven.1
    • 2 mths ago
    • Reported - view

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

    Download version 2 here

    Video here

      • Rafael Sanchis
      • Rafael_Sanchis
      • 2 mths ago
      • Reported - view

       Excelent Work, appreciate your contribution. 馃憤

      • szormpas
      • 2 mths ago
      • Reported - view

        , really distinct buttons and convenient tool 馃憤

      • Sam.1
      • 2 mths ago
      • Reported - view

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

      • Kruna
      • 2 mths ago
      • Reported - view

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

      • lime_owl
      • 6 days ago
      • 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
      • 6 days ago
      • 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
    • 2 mths ago
    • Reported - view

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

    • Ninox partner
    • RoSoft_Steven.1
    • 2 mths ago
    • 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
      • 2 mths ago
      • Reported - view

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

      • Rafael Sanchis
      • Rafael_Sanchis
      • 2 mths ago
      • Reported - view

      The new Buttons is on other tab (Phosphor Icons)

      • Ninox partner
      • RoSoft_Steven.1
      • 2 mths ago
      • 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
      • 2 mths ago
      • 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
      • 2 mths ago
      • Reported - view

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

    • lime_owl
    • 11 days ago
    • 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 days ago
      • Reported - view

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

      • lime_owl
      • 11 days ago
      • 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
      • 10 days ago
      • 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
      • 6 days ago
      • 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
      • 6 days ago
      • Reported - view

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

      would be easier for me to help :-)

      • lime_owl
      • 5 days ago
      • 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 ;)

Content aside

  • 11 Likes
  • 5 days agoLast active
  • 48Replies
  • 780Views
  • 11 Following