Button element

  • Views Views: 24,405
  • Last updated Last updated:

Navigation

      Access element (+)
      Birthday element
      Button element
      Calculation element
      Captcha element
      Checkbox element
      Colour Picker element
      Count element (+)
      Database join element
      Date element
      Digg element
      Display text element
      Dropdown element
      Facebook Like element
      Field element
      File Upload element
      Folder element
      Google Map element
      Image element
         Image databese join
      Internal id element
      IP element
      J!Date element
      Kaltura element
      Link element
      Notes element
      OpenStreetMap element
      Picklist element
      Radio Button element
      Rating element
      Sequence element
      Slider element
      Tags element
      Textarea element
      Thumbs element
      Time element
      Timer element
      Timestamp element
      Total element
      User element
      User group element
      Video element
      View level element
      YesNo element
      Youtube element
      Akismet validation
      Is Email validation
      Is Not validation
      Is Numeric validation
      Not empty validation
      PHP validation
      Rsa id
  • Introduction​

    Creates an html <button> in form view (does not display in list view).

    The button text is derived from the label setting, and Javascript actions can be added from within the Javascript tab.

    Note that a submit button is automatically added to the form, so creating an element to do the same function is not required.

    Options​

    button.png

    • Bootstrap class - Button class to assign.
    • Bootstrap icon - E.g. 'icon-user'. Places a Bootstrap icon inside the button

    Bootstrap icons​

    Bootstrap reference (http://getbootstrap.com/components/) shows icons, but they are not all included in Joomla Bootstrap.
    Glyphicons are built from a simple png-file, while Icomoon is a font. This means that Icomoon icons are scalable and will always look good, while the Glyphicons will look bad when made bigger.
    Icomoon will look better on high pixel density smartphones displays.

    Examples​

    Link to URL. Add a Javascript event on 'click', which does


    window.location.href = 'your.url';

    To open in New Window

    window.open ('your.url');


    Another example from Hugh​

    From this forum post. To get a URL from another element called some_element and open it in a new window.

    var url = form_123.formElements.get('yourtable___some_element').getValue();
    window.open(url);
    Or to open it in the same window.

    window.location.replace(url);

    For Fabrik 3.1 this would be​


    var url =Fabrik.getBlock('form_123').formElements.get('yourtable___some_element').getValue();
    window.open(url);
Back
Top