M9 Docs   MUX Front Panels

MUX Modular is a modular synth and effect. You can connect all kinds of plugin modules. Creating such modular patch can be a fantastic sonic adventure. But when you're in musical mood, you often want quick and easy access to preset sounds and effects and avoid that deep modular world, which can be time-consuming. So that's where the MUX Front Panels come into play. Creating a nice front panel for your MUX patch also is the cherry on the cake before sharing your MUX preset with other users.

Here is how it works:

A front panel is a layout of components, eg knobs, sliders, displays, ... that can tweak the modular sound. If you want to customize a front panel, click the pencil button (= Edit Front Panel) at the top control bar:

Now you can resize the window and double-click or right-click the background to edit its properties.

How to add components to a front panel:

  • Make sure that the original of what you want to add is visible in a separate editor window.
  • In the front panel window right-click the main background or the background of a group frame -> "Add Component".
  • From the popup list choose the type of component you want to add.
  • Now a pointing hand appears with which you can select what you want to add. Click with the pointing hand on the relevant component in the other window. As long as the pointing hand is up, you can also click title bars to activate covered windows, or Ctrl+Tab to switch thru windows. Or press Esc to cancel the selection.
Concrete example: Lets say you want to add a waveform display for osc 1 in your synth patch. First make sure the osc 1 editor window is open. Now right-click the front panel -> Add Component -> Waveform Display. With the pointing hand click on that osc 1 waveform display (eventually after having activated that window again, if it would have gone behind the front panel) Now that osc 1 waveform display is added to the front panel and you can position, resize and color it.

Here is a little movie that demonstrates this: The Muvies


  • In edit mode the components on a front panel are kind of frozen and do not work as normal.
    These components now are in a special state in order to position and size them, change their graphic properties etc.
    To be able to quickly switch between edit mode and normal mode, you can assign a shortcut key to the "Toggle Editing" function.
  • You can move components by dragging them.
  • You can resize components by dragging the border(s). Note that not all components are resizable in both directions.
  • Double-click a component to edit its graphical properties.
  • Right-click a component for its context menu.
  • The preset color palette for a front panel is purely for that specific front panel.
    Another front panel can have another preset color palette.
  • Many of the component colors can be set to "No Color".
    This means that you want no specific color for this, but want to use the default color.
    For example if a parameter's Knob Color is set to 'No Color' then the default color is used.
    The default color is the front panel's "Top Color" (right-click front panel's very background -> Edit Preferences)
    or if that's also set to No Color then the global Top Color preference is used. (see Edit Looks in main menu)
  • Via the front panel context menu -> Edit Preferences, you can create custom knobs and sliders for this front panel.
    For info on the knobs and sliders designer see this doc page.
  • When you use a front panel background picture, it is always resized to fit the front panel size, which can be set via the front panel property panel = right-click/double-click the very front panel background in editing mode.

  • When a front panel background picture is not found, the default background is used.
  • With the Copy/Paste Colors function you can copy all equally named colors from one component to another.
  • You can move a component to another position.
    If you move it outside its current parent it will be moved to the new target parent.
    It's the center point of the drag rectangle that defines the target location.
  • Instead of doing "Add Component", you can, in some cases, drag-drop a module editor onto the front panel.
    It depends whether the editor is supported (=whether that type is in the Add Component list) but also if it's possible to start a drag from that editor, which is not always the case, it depends on the editor.
    For example you can drag-drop an oscilloscope on the front panel, but you can't drag-drop a pian keyboard on the front panel because all mouse-clicking on the keyboard is used for playing the keyboard.
    Luckily the "Add Component" way always works though, so you can add a keyboard that way.
  • Right-click the front panel background -> Show Color Picker.
    From the color picker you can drag-drop colors on the various colors in the front panel component properties editors.
  • When you use a background picture for the front panel and you want to share the MUX preset file with other users on other systems, then you should move/copy the background picture file in the same folder as the MUX preset file, or in a "Pictures" sub-folder there.
    That way, when saving the preset, a relative file path can be used and so when you send the MUX preset together with its resources (background picture, any used samples) as a zip file to someone else, it will all load fine on the other system.
    When the background picture is not found at its saved location, then the app will also look for it in the same folder as the source file, or in its "Pictures" sub-folder.
  • You can drag-drop color fields to each other to easily copy colors.
  • When holding alt while click-dragging a border, this will move the component instead of resize.
  • If you drag-drop a component (focus = it's middle point) upon a group frame it becomes a child of that group frame.
    The visibility of a child component is bounded by the bounds of its parent.
    Make sure the parent is large enough so to see all of its childs.
    There is a handy function for that: "Optimize Size".

  • Components on the same parent (=sibling components) should not overlap.
    It is an unsupported and non-recommended case.
    It may seem to work in some MuLab version but it's not guaranteed that it will look the same in future versions.
    Please make sure that sibling front panel components are separate of each other.
  • When using a picture file as panel background, then editing and saving the picture won't immediately refresh it in the front panel, even not when reopening the editor or reloading the MUX preset.
    That's because once a certain picture file is loaded in MuLab/MUX it is cached until you quit.
    Solution is to assign a shortcut to the "Reset Graphic Resources" function and use that shortcut to refresh the graphics cache.
  • You can copy front panel components by holding Ctrl while dragging them.
    Note however that this only makes sense for some component types.
    For example it does not make much sense to copy a parameter component cause why would you want to have it double?
    But it does make sense to copy group frames and text labels, as well as for example a step sequencer so to include different sections of a step sequencer.

  • Button-like components have a "Button Type" property.
    It refers to one of the 5 button types that can be defined via the front panel main options button -> Edit Buttons.
    Now besides defining the Button Type, each individual button can "overwrite" the back/fore colors of that Button Type
    That makes it possible to easily create recolored variations of the same common Button Type.
    The Contour and Backlight are purely defined by the Button Type.
    So if you want to some front panel buttons without contour and without backlight, then edit an unused Button Type (via Edit Buttons) and select that Button Type for the button.

Specific Component Info


  • You can drag-drop any (meta-)parameter of any sub-module of this patch onto the front panel.
  • All parameters (except VST / CLAP parameters) can be renamed so you can give them specific names that match your front panel layout.
    Renaming parameters cannot be done when the front panel is in edit mode, but using a shortcut key you can quickly switch back and forth between 'real' and 'edit' mode.
    Renaming parameters is also always possible via the modular area editor, this is independent from the front panel edit mode.
  • When a parameter name/value background is fully transparant, then there also is no contour drawn.
    If you want a transparant name/value but with a contour then set the alpha value to 1.
  • For vertical sliders the "Slider Size" defines the size of the hande in case the name/value background is not fully transparant, else it defines the width of the whole slider.

Group Frames

  • When a group frames has an empty title, the title bar is removed and you have a pure grouping frame.
  • When a group frame's "Frame Color" is set to Auto Color, then it defaults to color ARGB 25,0,0,0 = 10% black = subtle darken.

Tab Frames

  • When adding a Tab Frame to a front panel, you also have to add Tab Buttons onto that Tab Frame to enable the tab panes = the container area for placing other components.
    Best to place the Tab Buttons in the "margins" of the Tab Frame because the tab panes are automatically taking all area except the margins.
    The advantage of the separate Tab Buttons is that you can position and color them as you want.
    Important to indicate which Tab the button should be connected to, that's the "Tab Index" in the tab button property panel.
    Maximum 8 tabs are supported.
    So if you add 4 tab buttons there will be 4 tab panes on which you can put other panel components.
    Clicking a tab button shows the corresponding tab pane and hides the others.

Property On/Off Button

  • The "Property On/Off Button" can be used for various kinds of On/Off buttons.
    Currently there are 4 supported buttons:
    • LFO Tempo Sync
    • Note Stutterer Tempo Sync
    • Module Connection Mute
    • Oscillator AIPS
    When you add a Property On/Off Button then the cursor changes into a pointing hand and you can click the specific On/Off button you want to target, for example a LFO Tempo Sync button.
    That will add a Tempo Sync button for that LFO onto the front panel.

Table Of Contents