# How do I change the font size for the POPUP menu?

**URL:** <https://clarionhub.com/t/how-do-i-change-the-font-size-for-the-popup-menu/7280>\
**Category:** questions\
**Tags:** language\
**Created:** [July 2, 2024, 3:07am UTC](https://clarionhub.com/t/how-do-i-change-the-font-size-for-the-popup-menu/7280 "2024-07-02T03:07:22Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Genricke](https://clarionhub.com/user_avatar/clarionhub.com/genricke/32/5271_2.png) [@Genricke](https://clarionhub.com/u/Genricke)\
**Post date:** [July 2, 2024, 3:07am UTC](https://clarionhub.com/t/how-do-i-change-the-font-size-for-the-popup-menu/7280/1 "2024-07-02T03:07:22Z")

</div>

Hi !  
Please tell me, is it possible to change the font size for the POPUP() operator ?  
Setting the system font size:

```auto
  System{Prop:FontSize} = AnyFont:FontSize
  x# = POPUP('Moe|Larry|Curly')

```

the issue is not resolved. 🥲  
Thanks for the ideas! 🙏

---

<div class="post-metadata">

**Author:** ![PurpleEdge2214](https://clarionhub.com/user_avatar/clarionhub.com/purpleedge2214/32/5109_2.png) [@PurpleEdge2214](https://clarionhub.com/u/PurpleEdge2214)\
**Post date:** [July 2, 2024, 7:44am UTC](https://clarionhub.com/t/how-do-i-change-the-font-size-for-the-popup-menu/7280/2 "2024-07-02T07:44:24Z")

</div>

Maybe this does it?..

[https://www.clarionproseries.com/html/xxppopup.html](https://www.clarionproseries.com/html/xxppopup.html)

Also discussed here, with possible solution…

> [@Popup Class Details of how Checkmark Icon is determined](https://clarionhub.com/t/popup-class-details-of-how-checkmark-icon-is-determined/3895/7):
>
> You can specify your own ICON, these checks are from Clarion\Images. I link them so use Tilde ~FileName. Instead of PROP:Icon you can use its decimal value 31848 PRAGMA('link(CheckOn.ico)') !same as PRAGMA('project(#pragma link(CheckOn.ico))') PRAGMA('link(CheckOff.ico)') !same as PRAGMA('project(#pragma link(CheckOff.ico))') P=POPUP('['& PROP:ICON &'(~CheckOn.ico)] This is Checked' & | '|-|[31848(~CheckOff.ico)] This is NOT Checked' )

---

<div class="post-metadata">

**Author:** ![Genricke](https://clarionhub.com/user_avatar/clarionhub.com/genricke/32/5271_2.png) [@Genricke](https://clarionhub.com/u/Genricke)\
**Post date:** [July 2, 2024, 10:18am UTC](https://clarionhub.com/t/how-do-i-change-the-font-size-for-the-popup-menu/7280/3 "2024-07-02T10:18:07Z")

</div>

Thanks ! The code provided by KreatoR solves my question.

```auto
  x# = PopUp('[' & Prop:FontSize & '(' & 10 & ')]Moe|' & |
             '[' & Prop:FontSize & '(' & 20 & ')]Larry|' & |
             '[' & Prop:FontSize & '(' & 30 & ')]Curly')

```

 ![1](https://clarionhub-uploads.s3.eu-north-1.amazonaws.com/original/2X/6/669de58f9ec3d46dea9a21c730cc50a2a92946ea.jpeg)

But it is unclear to me where the secret knowledge on setting font parameters for PopUp() menu items was taken. This information is not in the help… 🕶

---

<div class="post-metadata">

**Author:** ![totalhip](https://clarionhub.com/user_avatar/clarionhub.com/totalhip/32/1477_2.png) [@totalhip](https://clarionhub.com/u/totalhip)\
**Post date:** [July 2, 2024, 10:30am UTC](https://clarionhub.com/t/how-do-i-change-the-font-size-for-the-popup-menu/7280/4 "2024-07-02T10:30:21Z")

</div>

> [@Genricke](#):
>
> But it is unclear to me where the secret knowledge on setting font parameters for PopUp() menu items was taken. This information is not in the help…

Not to mention might it be set once in a popup class for an application.

---

<div class="post-metadata">

**Author:** ![Genricke](https://clarionhub.com/user_avatar/clarionhub.com/genricke/32/5271_2.png) [@Genricke](https://clarionhub.com/u/Genricke)\
**Post date:** [July 2, 2024, 12:13pm UTC](https://clarionhub.com/t/how-do-i-change-the-font-size-for-the-popup-menu/7280/5 "2024-07-02T12:13:22Z")

</div>

> [@totalhip](#):
>
> Not to mention might it be set once in a popup class for an application.

This is different.  
And in the example of Mark Goldberg, everything is clear to me.  
But where the KreatoR settings come from is generally unclear … 🤦‍♂️

---

<div class="post-metadata">

**Author:** ![Olivier](https://clarionhub.com/letter_avatar_proxy/v4/letter/o/d2c977/32.png) [@Olivier](https://clarionhub.com/u/Olivier)\
**Post date:** [July 6, 2024, 10:43am UTC](https://clarionhub.com/t/how-do-i-change-the-font-size-for-the-popup-menu/7280/6 "2024-07-06T10:43:42Z")

</div>

_\> But it is unclear to me where the secret knowledge on setting font parameters for PopUp() menu items was taken. This information is not in the help…_

Here are some lines from the online help:

Within the selections string, each choice in the popup menu must be delimited by a vertical bar (|) character. The following rules apply:

• A set of vertical bars containing only a hyphen (|-|) defines a separator between groups of menu choices.  
• A menu choice immediately preceded by a tilde (~) is disabled (it appears dimmed out in the popup menu).  
• A menu choice immediately preceded by a plus sign (+) appears with a check mark to its left in the popup menu.  
• A menu choice immediately preceded by a minus sign (-) appears without a check mark to its left in the popup menu.  
• A menu choice immediately followed by a set of choices contained within curly braces (|SubMenu{{SubChoice 1|SubChoice 2}|) defines a sub-menu within the popup menu (the two beginning curly braces are required by the compiler to differentiate your sub-menu from a string repeat count).

• You may use the ASCII tab character (\<9\>) in your selection string to right-align text.  
• You may modify the size and font of the popup menu using the following properties:

POPUP(‘[’& PROP:FontSize &‘(16)]I am 16 point ’ & |  
‘|[’& PROP:FontName &’(Arial),‘& PROP:FontSize & |  
‘(16)]I am 16 Pt Arial ’ & ‘|[’& PROP:FontName &’(Arial),|  
‘& PROP:FontSize &’(16),’& PROP:FontStyle &‘(’& Font:Bold &'),|  
‘& PROP:FontColor &|  
‘(’& COLOR:Blue &’)]I am 16 Pt Arial Bold Blue ’ & ‘’)

• You may specify an icon for the menu item by preceding the menu choice with square brackets enclosing PROP:Icon and the name of the icon file in parens, like this:

POPUP(‘[’ & PROP:Icon & ‘(MyIco.ICO)]MenuChoice’)

Each menu selection is numbered in ascending sequence according to its position within the selections string, beginning with one (1). Separators and selections that call a sub-menu are not included in the numbering sequence (which makes an EXECUTE structure the most efficient code structure to use with this procedure). When the user CLICKS or presses ENTER on a choice, the procedure terminates, returning the position number of the selected menu item.

---

<div class="post-metadata">

**Author:** ![Genricke](https://clarionhub.com/user_avatar/clarionhub.com/genricke/32/5271_2.png) [@Genricke](https://clarionhub.com/u/Genricke)\
**Post date:** [July 7, 2024, 2:47am UTC](https://clarionhub.com/t/how-do-i-change-the-font-size-for-the-popup-menu/7280/7 "2024-07-07T02:47:21Z")

</div>

Thank you.  
This is probably a fragment from the “old” C63 help.  
Because this example is no longer in the C11.1 help. ☹

---

<div class="post-metadata">

**Author:** ![Mike\_Duglas](https://clarionhub.com/user_avatar/clarionhub.com/mike_duglas/32/1061_2.png) [@Mike\_Duglas](https://clarionhub.com/u/Mike_Duglas)\
**Post date:** [July 7, 2024, 9:30am UTC](https://clarionhub.com/t/how-do-i-change-the-font-size-for-the-popup-menu/7280/8 "2024-07-07T09:30:25Z")

</div>

In the C11.1 help they completely removed the following sentence and the example of Prop:Fontxxx usage

> You may modify the size and font of the popup menu using the following properties

Instead they suggest to use IMenuStyle interface, no example at all.

No comment.

---

<div class="post-metadata">

**Author:** ![Dirk1](https://clarionhub.com/letter_avatar_proxy/v4/letter/d/977dab/32.png) [@Dirk1](https://clarionhub.com/u/Dirk1)\
**Post date:** [July 8, 2024, 5:20am UTC](https://clarionhub.com/t/how-do-i-change-the-font-size-for-the-popup-menu/7280/9 "2024-07-08T05:20:39Z")

</div>

This was written by Mark Goldberg

Global Includes

```auto
INCLUDE('CWINT.int'),ONCE

```

Before CODE i.e. DATA

```clarion
MenuStyle &IMenuStyle
FontProps &IFontProperties
FontName CSTRING('Microsoft Sans Serif')

```

After CODE before opening window.

```clarion
         MenuStyle &= (SYSTEM{PROP:MenuStyle})
         FontProps &= MenuStyle.MenuFont()
         FontProps.FontName(FontName)
         FontProps.FontSize(11)
        ! this alters POPUP() menus too
        ! see Libsrc\Win\MenuStyle.inc/clw

```
