# Floting menu for mobile view

**URL:** <https://pdfjs.community/t/floting-menu-for-mobile-view/747>\
**Category:** Technical Support\
**Created:** [May 4, 2021, 11:16am UTC](https://pdfjs.community/t/floting-menu-for-mobile-view/747 "2021-05-04T11:16:18Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Steven](https://avatars.discourse-cdn.com/v4/letter/s/94ad74/32.png) [@Steven](https://pdfjs.community/u/Steven)\
**Post date:** [May 4, 2021, 11:16am UTC](https://pdfjs.community/t/floting-menu-for-mobile-view/747/1 "2021-05-04T11:16:18Z")

</div>

I want to create floating menu for mobile view. which consume less space while change in PDF

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/pdfjscommunity/original/1X/cb82b4f9323128607c73011e45e0f3f7529876d1.png)

I want the view something like this  
 ![image (3)](https://canada1.discourse-cdn.com/flex031/uploads/pdfjscommunity/original/1X/4e6fe09909c082e08826133c57523a3b3073eaa5.png)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex031/uploads/pdfjscommunity/original/1X/ffbcd25c7d423db8d5acd5db201c272f4db306dd.png) [@system](https://pdfjs.community/u/system)\
**Post date:** [May 4, 2021, 11:16am UTC](https://pdfjs.community/t/floting-menu-for-mobile-view/747/2 "2021-05-04T11:16:21Z")

</div>

**Hello, I’m Ron, an automated tech support bot 🤖**

While you wait for one of our customer support representatives to get back to you, please check out some of these documentation pages:

Guides:
- [Customizing WebViewer UI Popups](https://pdfjs.express/documentation/ui-customization/customizing-popup)
- [Select an integration or framework to get started with PDF.js Express - Frameworks](https://pdfjs.express/documentation/get-started#frameworks)
- [Framework compatibility for PDF.js Express](https://pdfjs.express/documentation/learn-more/framework-compatibility)

APIs:
- [WebViewerInstance.MenuOverlay](https://pdfjs.express/api/WebViewerInstance.MenuOverlay.html#__anchor)
- [CoreControls.DocumentViewer - scrollViewUpdated()](https://pdfjs.express/api/CoreControls.DocumentViewer.html#scrollViewUpdated__anchor)
- [UndefinedWebViewer(options, viewerElement)](https://pdfjs.express/api/global.html#WebViewer__anchor)

Forums:
- [How to load different pdf on pdfjs express viewer on passing url through button click](https://pdfjs.community/t/how-to-load-different-pdf-on-pdfjs-express-viewer-on-passing-url-through-button-click/320/1)
- [Custom UI Menu DropDown](https://pdfjs.community/t/custom-ui-menu-dropdown/665/1)
- [Create new toolgroup](https://pdfjs.community/t/create-new-toolgroup/149/4)

---

<div class="post-metadata">

**Author:** ![driley](https://avatars.discourse-cdn.com/v4/letter/d/13edae/32.png) [@driley](https://pdfjs.community/u/driley)\
**Post date:** [May 4, 2021, 4:36pm UTC](https://pdfjs.community/t/floting-menu-for-mobile-view/747/3 "2021-05-04T16:36:49Z")

</div>

Hi Steven,

This is completely possible to do. Our UI is completely open-source and customizable. What you can do is fork our UI repo and start making changes to make it look exactly how you see fit. Here are a couple of guides to help you get started.

> **[Advanced Customization with PDF.js Express Viewer | Documentation](https://pdfjs.express/documentation/ui-customization/advanced-customization#forking-and-linking)**

> **[Core Engine for JavaScript PDF Viewer | PDF.js Express SDK](https://pdfjs.express/documentation/ui-customization/core#creating-your-own-ui-using-webviewer-core)**

Cheers,

Dustin

---

<div class="post-metadata">

**Author:** ![Logan](https://yyz1.discourse-cdn.com/flex031/user_avatar/pdfjs.community/logan/32/13_2.png) [@Logan](https://pdfjs.community/u/Logan)\
**Post date:** [May 4, 2021, 4:56pm UTC](https://pdfjs.community/t/floting-menu-for-mobile-view/747/4 "2021-05-04T16:56:31Z")

</div>

Just to piggyback on Dustins answer, if you do not want to fork our UI, you can still build a custom UI/modal and add your own buttons, and use our APIs to add functionality to your buttons. You can reference our open source UI to see how we implement certain functionality.

It should be as simple as building a little floating modal and adding the buttons you want.

Since this ticket is extremely vague and open ended, I am going to close it for now. If you come across any more specific questions while building your solution, feel free to open a new ticket.

Thank you!  
Logan

---

<div class="post-metadata">

**Author:** ![Logan](https://yyz1.discourse-cdn.com/flex031/user_avatar/pdfjs.community/logan/32/13_2.png) [@Logan](https://pdfjs.community/u/Logan)\
**Post date:** [May 4, 2021, 4:56pm UTC](https://pdfjs.community/t/floting-menu-for-mobile-view/747/5 "2021-05-04T16:56:35Z")

</div>


