# Tab font in a tab-panel% doesn't want to change

**URL:** <https://racket.discourse.group/t/tab-font-in-a-tab-panel-doesnt-want-to-change/1692>\
**Category:** Questions & Answers\
**Tags:** question, gui\
**Created:** [February 7, 2023, 7:59pm UTC](https://racket.discourse.group/t/tab-font-in-a-tab-panel-doesnt-want-to-change/1692 "2023-02-07T19:59:05Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![lannydpittman](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/lannydpittman/32/812_2.png) [@lannydpittman](https://racket.discourse.group/u/lannydpittman)\
**Post date:** [February 7, 2023, 7:59pm UTC](https://racket.discourse.group/t/tab-font-in-a-tab-panel-doesnt-want-to-change/1692/1 "2023-02-07T19:59:05Z")

</div>

Here is the situation:

I am trying to make an application in Racket that will be used with a touchscreen.  
Naturally, I wanted to make lists, multi-selects, tabs, etc. a larger size, so that they can be more easily seen and clicked/tapped.  
I wasn't sure how to do this, as there is no scaling/zoom arguments for list-boxes and tab-panels, at least none that I could see in the docs.  
So figured using a larger font size = larger list-box rows & tab buttons.  
It worked fine for a list-box%, but on a tab-panel, the font argument doesn't seem to do anything.

Below is some code that demonstrates the problem.

I am using Racket v8.7 & Windows 10.

```scheme
#lang racket/gui

(define large-font (make-font
                   #:size 20
                   #:family 'default
                   ))

(define main-frame (new frame% [label "Test"]
                        ))

(define panel (new panel% [parent main-frame]
                   [min-height 150]
                   [min-width 200]
                   ))

(define tab-panel (new tab-panel%
                       [parent panel]
                       [font large-font]
                       [choices (list "Tab 0"
                                      "Tab 1"
                                      "Tab 2")]))

(define label (new message%
                   [parent tab-panel]
                   [font large-font]
                   [label "Tab font should be like this"]))

(send main-frame show #t)

```

![image](https://global.discourse-cdn.com/free1/uploads/racket/original/1X/ef2c8b21f4e7467fbb04963af9f6e6761d45f1ac.png)

I create a larger font size and assign it to the tab-panel. But it doesn't seem to have any effect on the tab-panel%! Could someone please explain why this doesn't work, and how to get the effect I want?

---

<div class="post-metadata">

**Author:** ![alexh](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/alexh/32/315_2.png) [@alexh](https://racket.discourse.group/u/alexh)\
**Post date:** [February 7, 2023, 10:38pm UTC](https://racket.discourse.group/t/tab-font-in-a-tab-panel-doesnt-want-to-change/1692/2 "2023-02-07T22:38:50Z")

</div>

Try adding the `flat-portable` and `no-border` styles when constructing the tab panel:

```scheme
(define tab-panel (new tab-panel%
                       [parent panel]
                       [font large-font]
                       [style '(flat-portable no-border)]
                       [choices (list "Tab 0"
                                      "Tab 1"
                                      "Tab 2")]))

```

Alex.
