Skip to main content
H
hari0002
May 11, 2022
Solved

user interface

  • May 11, 2022
  • 4 replies
  • 0 views

Hi,

I have a tab control like below. I am using a!richTextDisplayField, a!richTextItem, a!dynamiclink.

When the user select the link, then accordingly I am highlighting the link and increasing the font-size.

But, users are asking me to change the background color for the selected item.

Any clue please.

Thanks.

Best answer by mikes0011

You can't change background color in normal Rich Text Display fields, but a very-close alternative option would be to implement a "cards as tabs" setup which is also very common (and about the same level of difficulty as what you already have).  Here's an example of a live robust implementation:

With this style of setup you'd have full control over the coloring and formatting of the tab (between "selected versus unselected" at least).

As an aside: the post title of just "user interface" is not very helpful or descriptive of your question (and has probably been used, verbatim, 50 times previously here in Community).  I strongly urge everyone to create a unique (though still concise) post title that at least gives the flavor of the thing you're asking in your post, which would then contain additional details / screenshots / etc.

4 replies

mikes0011
mikes0011Answer
Brainy
May 11, 2022

You can't change background color in normal Rich Text Display fields, but a very-close alternative option would be to implement a "cards as tabs" setup which is also very common (and about the same level of difficulty as what you already have).  Here's an example of a live robust implementation:

With this style of setup you'd have full control over the coloring and formatting of the tab (between "selected versus unselected" at least).

As an aside: the post title of just "user interface" is not very helpful or descriptive of your question (and has probably been used, verbatim, 50 times previously here in Community).  I strongly urge everyone to create a unique (though still concise) post title that at least gives the flavor of the thing you're asking in your post, which would then contain additional details / screenshots / etc.

The Expression Guru
    H
    hari0002Author
    May 11, 2022

    Thanks for your reply.

    Need one more suggestion. I see lot of space before and after the string/content in each Card. I don't see any option to reduce the size. Am I missing anything here.

    Please advise.

    Thanks.

    R
    rolands0008
    May 11, 2022

    Put the cardLayout inside a columnLayout if you haven't done that already, and you can set the width of the column layout to different values. 

    Another option is to put some empty column layouts (like in comments) on the right of your cards. That will decrace the size of each column and therefore of each card.   

    Terms & ConditionsAccessibility statement