1. If you update to Joomla 3.8.10, please make sure that you either do a full GitHub update of Fabrik, or disable caching for your lists (in the Advanced settings) or turn off Joomla's System Cache setting. A change in Joomla's cache code in 3.8.10 required a fix in Fabrik, which will be rolled in to the next release, but is currently only available in GitHub.

Button element

Jun 13, 2018
Button element

  • Introduction(top)

    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(top)

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

    Bootstrap icons(top)

    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 (top)

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

    Code (Javascript):

    window.location.href = 'your.url';
     
    To open in New Window
    Code (Javascript):

    window.open ('your.url');
     

    Another example from Hugh(top)

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

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

    window.location.replace(url);
     

    For Fabrik 3.1 this would be(top)

    Code (Javascript):

    var url =Fabrik.getBlock('form_123').formElements.get('yourtable___some_element').getValue();
    window.open(url);
     
  • Loading...
yasarts, tesla, joomlamate and 2 others like this.