Wappler for App Dev / Automating Window Setup

While waiting for a productive enhancement on Wappler (remembering preview size and editor split and position), I created a small work around for me using Keyboard Maestro (Mac Only, Automator, btw., doesn’t work and throws Error -50 all the time on playback of recordings)

My Use Case:

  1. For mobile development I need the code editor along to the preview/visual designer.
  2. Also, the preview only sets the width, but not the height. Not optimal when you try do design mobile screens.

So, everytime I open a file,

  1. I have to set the Preview (CMD 1),
  2. activate editor split view,
  3. set the split size (defaults to 50% of the editing area),
  4. activate the debug window below the preview and
  5. set to it to desired size to limit the height of the preview and have a workable preview window.

Not really practical if you want to take this serious :wink:

For now I am using a work around to automate this and if someone else wants to speed up his development process a little bit, here’s the Makro for Keyboard Maestro. Adjust the positions / sizes for your needs. Might take a minute, but saves you a lot of time afterwards :slight_smile:

Remove Step “Set Wappler Position and Size” if you don’t use a window position tool like Mosaic or work in full screen anyways:

Download the Makro here:
https://paperclipstudios.com/share/wappler/Wappler%20Mobile%20Edit.kmmacros.zip

Community Page
Last updated: