Mask design resizing component with drag&drop

Webix JS
1

Start from this example https://blog.webix.com/creating-apps-with-live-ui-editing-using-webix-abslayout/ and this: https://snippet.webix.com/jrmujrss we have created a form designer very similar to webix form-builder: https://webix.com/form-builder/#!/layout/edit

  1. Now we need to resize the component with drag&drop how can we do?
  2. Where we can find the icon of components used in webix form-builder
  3. Is possible to have the source of: webix form-builder

Thanks

2

Hi @maxanto72 ,

Now we need to resize the component with drag&drop how can we do?

This sample can help you

Where we can find the icon of components used in webix form-builder

Please check this information in our documentation
You can set any icon, just need to know that Webix provides two predefined sets of icons depending on the used skin: Webix Awesome Icons(Font Awesome 5 collection) and Webix Material Icons(Material Design Icons collection)

Is possible to have the source of: webix form-builder

I must admit that Webix Form Builder is a licensed tool which is distributed separately from main Webix package. Therefore, if you would like to use the source code of Webix Form Builder, you need to purchase a license.
If you are interested in purchasing, so please, contact tatsiana@webix.com

3

We need to click on border of a component and then to resize it (height and width) with drag&drop.