Solution to showing an indicator on Filter Button selected

Comments

4 comments

  • Avatar
    Adi Lewenstein

    Hi Jim!

    You can add the style attribute to actions.

    This attribute expects an object with CSS rules, such as:

    {
    "type": "Filters",
    "title": "{panel:Tier}",
    "style": {
    "fontFamily": "Times New Roman"
    },
    "data": {
    "filters": [
    {
    "filterName": "Account Tier",
    "filterJaql": {
    "explicit": true,
    "multiSelection": true,
    "members": [
    "{panel:Tier}"
    ]
    }
    }
    ]
    }
    }
     
    Regarding the highlighting filter,that could be a really great idea.
    This is definately something that can be done using a custom action if you are familiar with Javascript.
    I'm now experimenting with scripts to see if this is something that we can do natively as well.
    1
    Comment actions Permalink
  • Avatar
    Jim Thomas

    Adi,

    Thanks.  Your style suggestion worked.  I was applying the tags at the top level rather than the individual button.

    I'm a javascript hacker, not really a developer, so I'll be interested to see if some type of selected button highlighting can be done natively.

    Regards, Jim

    0
    Comment actions Permalink
  • Avatar
    Roopa Raghavan (Edited )

    Adi,

     

    Question on the style attribute to actions - 

    I'm trying to set the background color of an action button based on panel value. One color of button until value 120 and anything above, change background color.  How do I set it so background color is dependent on value of the panel - condition?

    Right now I have it static - set via style attribute in actions.

    Thanks for your help

    Roopa

    1
    Comment actions Permalink
  • Avatar
    Delsaran Bigglesworth

    I'm also working on something similar and have gotten down to the .action-set class but can't seem to find the actual button. If I put the "Conditional Class" into the action set, it conditional colors the background of the surrounding UL. My next thought was just move it down until I find the button... but it seemed to stop there. The "actions" type tag didn't do anything with it. I also tried using Jquery to just drop an display: inherit into the button but then everything is that color.

     

    0
    Comment actions Permalink

Please sign in to leave a comment.