Can I change the background of the "tabs widget"?

  • jlainvolve
    Asked on July 14, 2021 at 7:23 PM
    The tabs widget is selectable by keyboard, but there is no visual indication indicate which tab is selected at a time. Is there a CSS rule that can be applied to change the background or otherwise indicate which tab is in focus?
  • Kat JotForm Support
    Replied on July 14, 2021 at 7:28 PM

    Hi again,

    My apologies, but I'm confused by which widget you mean by tabs widget? I am unable to find anything similar in our list.

    Could you please clarify as to which widget you are referring to?

    We look forward to your response!

  • jlainvolve
    Replied on July 14, 2021 at 8:46 PM

    It is called "Form Tabs". Here is the cited example: https://www.jotform.com/form/203494197790062

  • Kenneth JotForm Support
    Replied on July 15, 2021 at 3:06 AM

    Hi there,

    Thank you for the information, I checked the form, and currently, the tab that is active is shown as White, while the inactive ones are grey.

    Do you wish to change the colors? If so, fill out this information:

    Label/Text color:
    Active tab color:

    Inactive tab color:

    Awaiting your response.

    Best.

  • jlainvolve
    Replied on July 15, 2021 at 2:34 PM

    I understand how to change the static colors for active and inactive tabs. My question was about getting visual feedback when using keyboard navigation and the tabs.

    Pressing the tab key cycles through the tabs correctly ... I know because pressing enter allows me to switch between pages ... but I have to count in my head which tab I'm on because the tabs do not change color or otherwise provide any indication that one or the other is in "focus".

    To follow WCAG standards, an outline or color-change, or some other indicator would appear when tabs are selected, as they do in this WYSIWYG editor when I tab through the available buttons:

    1626373983 60f07f5f97aac  Screenshot 10


  • Kenneth JotForm Support
    Replied on July 15, 2021 at 6:24 PM

    Hi there,

    Thank you for elaborating, I will forward this to our developers for us to improve on it.

    Please note that we are not able to guarantee an ETA of when this will be developed and implemented.

    If there are updates on this they will be responding to this support ticket.

    Best.