How to use
Modules
Layouts
Click 'Add Modules' to begin making your new UI. This window is scrollable. Pressing the plus '+' button below each module will add one to the screen. Its default behavior is to 'gap fill', so new modules will be placed in any empty gaps.
You can click 'filter' to sort between different module types.
Once you are done adding modules, they will likely be a bit jumbled up. This is where the magic happens! Clicking and dragging on the center of the module will allow it to be moved about the page. The dotted preview area is your indicator for where it will be when you let go. Other modules will rearrange when their sizes conflict.
If you need a module to have a space above it, you can use spacer, or blank modules to fill in the gap. These special modules can be re-sized to fill up pockets of space.
To delete a module, drag it to the rubbish bin at the bottom of the page. Alternatively you can click the small 'cross' at the top of the module (this can be a bit tentative on mobile).
Before you can interact with buttons and to prevent modules moving, its important to hit the 'lock' button at the top of the page.
As you add/delete/move modules and import layouts, they are automatically saved to the browser cache. This means you can simply close the browser window and your layout will be there next time you load up KSP. On browsers without localhost support, a URL method is implemented, which should be bookmarked if you want to keep it. Deleting you history/cache will delete any previously saved layout.
Importing and exporting layouts simple involves copying/pasting the JSON code that is given in the input box. This is a JSON string that contains position and url information for each module. Note that importing a layout will delete any existing layout without warning!
- The ability to bookmark/swipe between/rename layouts is an intended feature down the road.
Cleared layouts are not retrievable. Not yet anyway!
Please check the FAQ for possible solutions to any issues not answered here.