Forum Discussion

Deleted user's avatar
Deleted user
4 years ago

Enlarge font size on tabs in tab interaction...

I see this request and am wondering if it's already functional? In the tab interaction, the font size on the tab is smaller than the text on the tab. In the content of the tab, I can highlight text and get a box where I can change size, bold, italics, etc. That's true for most text in Rise, but not on the title on the tab and titles in other places. Am I missing an easy way to do this?

24 Replies

  • Hello Sarah and Silvia, 

    I've gone ahead and added your voices to this report. We'll be sure to update this thread if we have any news to share in the future. 

    I hope that you both have a wonderful afternoon!

  • This really needs to be a priority from an accessibility standpoint. If nothing else, could the predefined tab titles be larger and bold for greater ease in reading? 

  • Adding my support to making the tabs more customizable. It would be nice to change the text formatting or the background color.

  • Our organization has specific requirements related to accessibility and branding and the default to all caps means we cannot use this feature in much of our work.  I highly endorse making the tab font fully customizable.  

    • EricSantos's avatar
      EricSantos
      Staff

      Hello PeteRichardson,

      Thank you for adding your vote to the request to be able to increase the tab font size in Rise 360. I informed our product team, and we'll notify you of any changes.

      Please let me know if you'd like to add more details to your request based on your use case. Enjoy the rest of your day!

  • PhilFoss's avatar
    PhilFoss
    Community Member

    I created a custom 'skin' for my tabs plus I debug the design system used for the tabbed content in Rise.

    https://www.youtube.com/watch?v=px838ZAV3nk

    The video went way longer than I expected at over 30min and I provide some insight into typography of the tabbed content widget, including a possible bug in the design system, and of course I provide solutions. TLDR, here's the css I ended up with to fix the tab header item and content paragraphs typography:

    #app .blocks-tabs__header-item {
        text-transform: unset;
        font-size: 1.5rem;
        letter-spacing:unset;
    }
    
    #app .blocks-tabs__content p {
        font-weight:normal;
        line-height:2;
        font-size:1.7rem;
        margin-bottom:2rem;
    }

     

    • EricSantos's avatar
      EricSantos
      Staff

      Hello WaltJones-15797,

      Thanks for adding your voice to this request. I informed our product team regarding your need to support increased font modification options for Rise 360 tab interactions.

      We'll let you know if this feature is included in a future Rise 360 release. Enjoy the rest of your day!