Designing with Screenparts
The design of your screenpart, which you can reuse across the project or share with others, is the screenpart source. Once you add the screenpart to a screen, you have an instance. You can have many instances of the same screenpart in one or many screens.
Any changes you make to the source screenpart are automatically reflected wherever the screenpart is used. At the same time, you have full creative control to override the screenpart instance. And just as easily reset the instance to match the screenpart source.
In this topic you will learn to customize a screenpart instance of a banner to meet your needs for a particular screen.
These are the main steps of the procedure:
- Creating a screenpart.
- Adding the screenpart to your screen.
- Editing the screenpart instance.
- (Optional) Discarding instance changes.
In a new project, click on the
Newbutton and select the
Set the screenpart size and background color.
Add elements to the screenpart.
For this example, add some images and set their transparency to 80%.
Rename your screenpart to Banner.
Create or open a screen, and select the
Screenpartstab from the
Drag or double click on the Banner screenpart to add it to the screen.
For the Product page, the color of the screenpart source matches the colors used in the screen. But the Blog page uses shades of blue.
To customize the screenpart to go with this particular screen:
In the Blog page, select the Banner screenpart.
Change the background color of the screenpart instance.
Changes you make to an instance won't be overridden by changes in the source. For example, if you change the background color in the screenpart source of this example, the background color in the screenpart instance will still be the blue you just set.
If you want the screenpart instance to match the screenpart source, simply click on the
Reset action in the
Here are some suggested topics: