Subversion Repositories wimsdev

Rev

Rev 15641 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. !! put a dropdown button with list of link in a menu
  2. !! wims_read_parm is :
  3. !! line 1 name of the button
  4. !! line 2 id of the button
  5. !! each other line is an item of the dropdown button with format word1 link ; word2 linkname
  6.  
  7. !if $js_numberdropdownbutton_=$empty
  8.   !let js_numberdropdownbutton_=0
  9.   <style>
  10.     .grid_container{
  11.       display: grid;
  12.       grid-template-columns: auto auto;
  13.     }
  14.     .grid_container>span{
  15.       padding: 2px;
  16.     }
  17.  
  18.     /**
  19.      * Foundation for Sites
  20.      * Version 6.7.4
  21.      * https://get.foundation
  22.      * Licensed under MIT Open Source
  23.      */
  24.     /* Dropdown styles */
  25.     .dropdown-pane {
  26.       position: absolute;
  27.       z-index: 10;
  28.       display: none;
  29.       width: 300px;
  30.       padding: 1rem;
  31.       visibility: hidden;
  32.       border: 1px solid #cacaca;
  33.      border-radius: 0;
  34.       background-color: #fefefe;
  35.      font-size: 1rem;
  36.     }
  37.     .dropdown-pane.is-opening {
  38.       display: block; }
  39.     .dropdown-pane.is-open {
  40.       display: block;
  41.       visibility: visible; }
  42.  
  43.     .dropdown-pane.tiny  {width: 100px;}
  44.     .dropdown-pane.small {width: 200px;}
  45.     .dropdown-pane.large {width: 400px;}
  46.  
  47. </style>
  48.  
  49. !endif
  50.  
  51. !increase js_numberdropdownbutton_
  52. !let keyid_=!line 1 of $wims_read_parm
  53. !let keyname_=!line 2 of $wims_read_parm
  54. !let nb_=!linecnt $wims_read_parm
  55.  
  56. <button class="wims_button wims_secondary_button small" type="button" data-toggle="dropdown$keyid_">
  57.   $keyname_
  58. </button>
  59. <div class="dropdown-pane" id="dropdown$keyid_"
  60.      data-dropdown data-auto-focus="true"
  61.      data-position="bottom" data-alignment="right" >
  62.   <div class="grid_container">
  63.   !for k_=3 to $nb_
  64.     !let l_=!line $k_ of $wims_read_parm
  65.     !let link_=!word 1 of $l_
  66.     !let name_=!word 2 to -1 of $l_
  67.     <span>
  68.       !href $link_ $name_
  69.     </span>
  70.   !next k_
  71.   </div>
  72. </div>
  73.  
  74.