Skuid should process merge syntax in Button Icons, to allow for dynamic icons

Zach McElrathZach McElrath Principal Software EngineerChattanooga, TN ๐Ÿ’Ž๐Ÿ’Ž๐Ÿ’Ž
edited June 25, 2020 in Ideas
Currently Skuid processes Mustache Merge syntax in Action/Button Labels and URLs, but not in Icons. If Skuid did process merge syntax in Icons, then different icons could be rendered depending on URL Parameters, Model data, etc. For example, the following would result in different button icons being displayed depending on whether or not a "fs" parameter exists in the URL query string:
  {{^$Param.fs}}ui-silk-arrow-inout{{/$Param.fs}}{{#$Param.fs}}ui-silk-arrow-in{{/$Param.fs}}  
2
2 votes

Implemented ยท Last Updated

Comments

  • edited March 2, 2017
    Zach, could this same logic be applied to tabs to change their appearance (Icon/color etc) based on data patterns?
  • Zach McElrathZach McElrath Principal Software Engineer Chattanooga, TN ๐Ÿ’Ž๐Ÿ’Ž๐Ÿ’Ž
    edited December 21, 2016
    Yes, it should be possible to dynamically display different tab icons as well.
  • Zach McElrathZach McElrath Principal Software Engineer Chattanooga, TN ๐Ÿ’Ž๐Ÿ’Ž๐Ÿ’Ž
    edited March 2, 2017
    This has been added in the Spring 14 release of Skuid. In addition, we have added the ability to do true Conditional Rendering of Components based on data in your Models. So you can conditionally render Page Title Buttons, Table Row Actions, and Wizard Step Actions based on, for instance, whether an Opportunity is in a certain Stage, whether an Account's Billing Country is USA, US, or Canada, etc., or show different Row Actions based on the RecordType of the selected row, or show and hide Tabs in a Tabset based on conditions. See this tutorial for more information: http://help.skuidify.com/s/tutorials/m/supercharge-your-ui/l/173514-conditional-rendering-display-of-page-components and register for our Deep Dive webinar this Friday! The new release is available now from www.skuidify.com/SkuidReleases
  • TJTJ
    edited March 2, 2017
    Hi Zach,

    Can I do this based on the value of fs parameter? Above works based on whether fs parameter exists or not in url. I want to show icon A when fs=A and icon B when fs=B.

    Thanks!
  • Zach McElrathZach McElrath Principal Software Engineer Chattanooga, TN ๐Ÿ’Ž๐Ÿ’Ž๐Ÿ’Ž
    edited December 21, 2016
    No, merge syntax doesn't allow value-based differentiation.

    However, you could have 2 different buttons, each with their own icons, and then use Conditional Rendering to render each button conditionally based on the particular value of a URL Parameter. Conditional Rendering supports exact value comparisons against URL Parameter values.
  • TJTJ
    edited April 7, 2016
    Yeap. That is what I thought.Thank you!
  • Pat VachonPat Vachon ๐Ÿ’Ž๐Ÿ’Ž๐Ÿ’Ž
    edited June 25, 2020
    Is this merge syntax dynamically updated as the values change in a model?

    (($Model.Application.data.0.Contant_Info_Status_UI_Only}} for Conlan's post aboutย conditional tab icons based on field values?
  • Zach McElrathZach McElrath Principal Software Engineer Chattanooga, TN ๐Ÿ’Ž๐Ÿ’Ž๐Ÿ’Ž
    edited October 27, 2017
    I do not think so, no.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!