# Align Text in Scrollable List of ControlP5

**URL:** https://discourse.processing.org/t/align-text-in-scrollable-list-of-controlp5/42265
**Category:** Libraries
**Created:** [June 22, 2023, 2:26am UTC](https://discourse.processing.org/t/align-text-in-scrollable-list-of-controlp5/42265 "2023-06-22T02:26:14Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Ghostsss](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/ghostsss/32/16483_2.png) [@Ghostsss](https://discourse.processing.org/u/Ghostsss)
#### Post date: [June 22, 2023, 2:26am UTC](https://discourse.processing.org/t/align-text-in-scrollable-list-of-controlp5/42265/1 "2023-06-22T02:26:14Z")

</div>

Hello when I used scrollable List of ControlP5 the text gets aligned to top left.  
 ![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/8/3/8345bf78ead0dbaf51827669e9dc72fc311936e5.png)

How to change it to middle?  
Please help.

My declaration is as below:

```auto
cp5.addScrollableList("scrollableList_RPM_Limit").addItems(Arrays.asList("No Limit","12","22","38")).changeValue(2).setPosition(100,200).setSize(90,100).setBarHeight(30).setItemHeight(30).setFont(guiBaseFont).close().moveTo("tab2");

```

---

<div class="post-metadata">

### Author: ![jafal](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jafal/32/19112_2.png) [@jafal](https://discourse.processing.org/u/jafal)
#### Post date: [June 22, 2023, 4:20am UTC](https://discourse.processing.org/t/align-text-in-scrollable-list-of-controlp5/42265/2 "2023-06-22T04:20:52Z")

</div>

Hi

[https://www.reddit.com/r/processing/comments/9wbfb0/is\_there\_no\_alignment\_function\_for\_controlp5/](https://www.reddit.com/r/processing/comments/9wbfb0/is_there_no_alignment_function_for_controlp5/)

> [@Problem with ControlP5, Scrollablelist and align method](https://discourse.processing.org/t/problem-with-controlp5-scrollablelist-and-align-method/1808):
>
> Hi everyone, I have trouble aligning text in a scrollable list in the ControlP5 library. Here is an example : import controlP5.\*; import java.util.\*; ControlP5 cp5; void setup() { size(400, 400); cp5 = new ControlP5(this); List l = Arrays.asList("a", "b", "c", "d", "e", "f", "g", "h"); cp5.addScrollableList("dropdown") .setPosition(100, 100) .setSize(200, 100) .setBarHeight(20) .setItemHeight(20) .addItems(l); cp5.getController("dropdown").getCaptio…

---

<div class="post-metadata">

### Author: ![svan](https://avatars.discourse-cdn.com/v4/letter/s/82dd89/32.png) [@svan](https://discourse.processing.org/u/svan)
#### Post date: [June 22, 2023, 5:18am UTC](https://discourse.processing.org/t/align-text-in-scrollable-list-of-controlp5/42265/3 "2023-06-22T05:18:36Z")

</div>

Center horizontal or center vertical? It’s centered vertically on my system(Mac). What special font are you using? I used the default font.  
 ![list](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/7/3/73c6e191c4e13edc84019841da25bdc32b2a16bc.png)

---

<div class="post-metadata">

### Author: ![Ghostsss](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/ghostsss/32/16483_2.png) [@Ghostsss](https://discourse.processing.org/u/Ghostsss)
#### Post date: [June 22, 2023, 7:11am UTC](https://discourse.processing.org/t/align-text-in-scrollable-list-of-controlp5/42265/4 "2023-06-22T07:11:26Z")

</div>

> [@Ghostsss](#):
>
> `cp5.addScrollableList("scrollableList_RPM_Limit").addItems(Arrays.asList("No Limit","12","22","38")).changeValue(2).setPosition(100,200).setSize(90,100).setBarHeight(30).setItemHeight(30).setFont(guiBaseFont).close().moveTo("tab2");`

I am using Arial Font. If I remove the changeFont function, it becomes CENTERED VERTICALLY which is what I want. By the way, I am currently using Arial Font in my whole GUI and just noticed this issue, So I don’t want to change font until it’s the last possible way as I may have to make many adjustments.

Here is the code:

```auto
import controlP5.*;
import java.util.*;

ControlP5 cp5;

void setup(){
  cp5= new ControlP5(this);
  PFont guiBaseFont=createFont("Arial", 15); //Font for GUI controllers other than TABs (with all Large Case letters)
  size(400,400);
  cp5.addScrollableList("scrollableList_RPM_Limit").addItems(Arrays.asList("No Limit","12","22","38")).changeValue(2).setPosition(100,200).setSize(90,200).setBarHeight(30).setItemHeight(30).setFont(guiBaseFont).close().moveTo("default");
}

void draw(){
background(240);
}

```
