Scalable Models

If the user wants to create their own models and have them scalable, then they can do so by setting the properties as % instead of hardcoded size.

Scalable Objects

This would only work with scalable objects like labels and buttons for example. If its scalable in Graphics Builder, then it should work.

When creating your model, its best to create a new blank page. Use the whole blank page as your model. This is needed to specify the percentages of what its going to be within the group. Below is a simple example to create one to understand how it works.

  1. Drag out a button and label (you can use what you want)

  2. Select button and set width to 100% and height to be 50%

  3. Set the buttons X and Y axis to 0. This will have the button take the top half of the world (workspace)

  4. Now select the label and set width to 100% and height to be 50%

  5. Move it to cover the second half of the world (should be X=0 and Y=350)

  6. Then group both the label and button together

  7. Select the group and set the width and height to be 100%

  8. Then select the button only and switch both X and Y axis to % (leave percentage as is - this will now make it define the percentages within the group and not the world)

  9. Now do the same for the label, switch both X and Y axis to % (leave percentage as is)

  10. Save as model and now you can use it (should be found in your models category)

If you need to make changes, open a new page and drag it out from the Assets folder. Only drag it out from Assets to make changes and not to use it. To use it, always drag it out from the Models category (found in the components view at the bottom).