# Floating Action Button sub menu

**URL:** <https://community.thunkable.com/t/floating-action-button-sub-menu/27037>\
**Category:** Questions about Thunkable X\
**Tags:** design, fab, button\
**Created:** [May 15, 2018, 5:55pm UTC](https://community.thunkable.com/t/floating-action-button-sub-menu/27037 "2018-05-15T17:55:23Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![kjbaishya](https://avatars.discourse-cdn.com/v4/letter/k/848f3c/32.png) [@kjbaishya](https://community.thunkable.com/u/kjbaishya)\
**Post date:** [May 15, 2018, 5:55pm UTC](https://community.thunkable.com/t/floating-action-button-sub-menu/27037/1 "2018-05-15T17:55:24Z")

</div>

How to create Floating Action Button sub menu (as mention in pics) ?

 ![submenu](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/e/fe9f10d16a6c0fecb61410c46b0ba7f8dddf8efe.jpg)

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 15, 2018, 8:19pm UTC](https://community.thunkable.com/t/floating-action-button-sub-menu/27037/2 "2018-05-15T20:19:13Z")

</div>

This can be emulated in Thunkable X. To do this, on the Advanced tab, set absolute positioning for Column and play with the edgeOffsets, margins, zIndex, Colors, element visibility properties. It will look crooked in the designer view but the screenshots from the phone are shown below.

 ![floating](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/3/93551a40d1e562821a481c37b7fed7a94e01be53.png)

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 16, 2018, 7:36am UTC](https://community.thunkable.com/t/floating-action-button-sub-menu/27037/3 "2018-05-16T07:36:24Z")

</div>

For your experiments, I made a small example [here](https://ios.thunkable.com/copy/7d2aa716eec8db9183ff6964cd0a1387)

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:02pm UTC](https://community.thunkable.com/t/floating-action-button-sub-menu/27037/4 "2024-11-08T12:02:47Z")

</div>