---
title: MoJo (UI) - Tool
slug: mojo-ui-tool
icon: ❇️
docTags: 
createdAt: 2025-02-10T11:18:10.545Z
---

###


Open MoJo by accessing it from the top SiNi dropdown menu.

::Image[]{src="https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-WdeC2Odk62_vpY0PLDs4P-20250224-113141.jpg" size="50" width="330" height="487" position="flex-start" caption="Access MoJo from the top menu" showCaption="true"}

### MoJo UI

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-lpuca1TtEt2JM-mMoffab-20250224-123254.jpg)

01\. MoJo Widget

02\. Add new Widgets to MoJo

03\. Right-Click Menu

04\. Tabs

05\. Add new Tab

06\. Resize MoJo

### 01. MoJo Widget

MoJo widgets are made using the [MoJo (UI) - Add Widgets.](docId\:dfeL9CE_HtU7MAnyaP-uV) 

### 02. Add new Widgets to MoJo

Click the plus button to [MoJo (UI) - Add Widgets.](docId\:dfeL9CE_HtU7MAnyaP-uV) to the selected tab. 

### 03. Right Click Menu

Right click anywhere in the MoJo UI to bring up the general menu.
Right click over a widget will bring up Widget menu.

Please see below for each.

### 3.01. Toggle Header Tabs

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-qi4hkuObL5KaFlpo_TsY7-20250224-114923.jpg)

A green MJ tab will appear on each Widget. This allows you to move the widgets around using the LMB. 


Multi-select widgets by dragging your mouse over them or LMB + \[Shift].

Switch off the MJ to lock the widget Align place.

### 3.02. Resize Widget

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-xmOefZ7Vqeplbby1UXdTm-20250224-115039.jpg)

Selecting Resize allows you to resize the widgets, making them smaller or larger depending on widgets preference.

### 3.03. Icons on Left

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-XR1Xg_rt9-rU5V46YwjEv-20250224-115147.jpg)

Icons on the move move the icons so they are left-side orientated. This is helpful if you plan to resize the Widget to a small size, and rely on icons to identify. 

### 3.04. Align Horizontally

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-2lDNSrLaWgpb7rQc0EW5Z-20250224-115321.jpg)

Align the selected Widgets horizontally. Please select the Widgets first by activating Toggle Tabs and selecting the Widgets to align. They will have a dashed outline around the Toggle Header Tab.

### 3.05. Align Vertically

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-6k9k_hoaOKe2z9WCwaLcn-20250224-115431.jpg)

Align the selected Widgets vertically. Please select the Widgets first by activating Toggle Tabs and selecting the Widgets to align. They will have a dashed outline around the Toggle Header Tab.

### 03.06. Edit Widget

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-bwAqD_IRz9vQ_y3U1W3CF-20250224-115928.jpg)

The menu is only activated if right-clicked over a widget.

Select Edit to modify the Widget. 

The [MoJo (UI) - Add Widgets.](docId\:dfeL9CE_HtU7MAnyaP-uV) will open allowing updates to the Widget.
Right-click over a tool to delete. 

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-U7ITf7wBYqP-Vx8hQ9zFy-20250228-082258.jpg)

### 04. Organisation Tabs

::Image[]{src="https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-pvcAUIYVM4tMXJ2aNXmnq-20250224-120055.jpg" size="50" width="273" height="460" position="flex-start" showCaption="false"}

Across the top row are Organisation Tabs.
Tabs are handy to organise widgets into specific workflow tasks. For example, you may want a Tab for CAD tasks, or working with Proxies. 

To create a new Tab click the Icon on the right. To rename double-click the default text name. To delete a tab right-click over the tab.

### 06. Resize MoJo

::Image[]{src="https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-TU9YBeNsf5rGlCczKqWBx-20250224-115648.jpg" size="50" width="184" height="540" position="flex-start" showCaption="false"}

To change the size of the UI click on the right side or bottom border.

### 07. Docking MoJo UI


You can dock the UI. We suggest only docking left or right using the vertical format.
Docking top or bottom takes up a lot of screen space.

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-0ctJZn1CYxwPviwck2yC1-20250224-144000.jpg "MoJo left side docked")

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-ekqVOb3i9r3sEtfNiOvdl-20250224-144031.jpg "MoJp right side docked")

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-ZfVGGBZt6bvkYFMDub--A-20250224-144103.jpg "MoJo top docked. Not recommended.")