Skin Editor
How to Customize Campaign Pages with the Skin Editor
The skin editor allows you to tailor your campaign pages to your specific requirements.
To access the skin editor, follow these steps:
Go to the Dashboard and create a new campaign or open an existing campaign by tapping on it.
In the Page Settings, select any page items and then click the "Edit this screen" button.
1. INTERFACE
1.1. Elements
The Elements section displays all the elements of the selected page. Each element has various customizable features, such as:
Component Type
Image component
Text component
Color component
Alignment component
And other components
1.2. Canvas
The Canvas displays a visual representation of the selected page.
Any changes you make to a component will be reflected in real-time on the Canvas.
1.3. Canvas Device View
This feature provides buttons that allow you to change the Canvas view.
You can preview how the page appears on a PC, tablet, and mobile device.
1.4. Close Button
Select the Close Button to exit the skin editor tool.
2. STEPS TO CUSTOMIZE THE GAME
Customize the game in Pro mode by following these steps:
Step 1. Select the Component
After opening the skin editor for a page, locate and select an element from the page.
Upon selection, all the corresponding components will be displayed.
Step 2. Customize the Component
Various component types have different customization options.
When customizing any component:
The Canvas will automatically update to show a live preview of the changes.
Your modifications will be saved automatically as well.
Customize Component Type
A component may support multiple types, which can be changed by selecting the type buttons next to it.
Note: Changing the type may alter some dependent components.
Customize Image Component
For an image component, you can download it as an image file or upload a new image to replace it.
Customize Text Component
Edit the text component by directly entering new content in the textbox.
Customize Paragraph Component
Modify the paragraph component by selecting it and entering new content in the text editor popup.
Customize Color Component
Adjust the color component by selecting it and choosing a new color in the color picker popup.
Customize Other Components
Some less common components can be customized using the control buttons in the skin editor.
Step 3. Preview the Page and Exit Skin Editor
After making the necessary changes to the components, preview the modifications on the Canvas. If the result meets your requirements, close the skin editor by clicking the "Close" button in the top-right corner of the screen.
If not, return to Step 1 and continue customizing.
OTHER FEATURES
1. Restore an Element to Original Settings
You can reset customized elements to their original settings by clicking the "Restore Default" button at the bottom of the components list.
2. Remove a Component from the Page
Certain elements can be completely removed by toggling their respective switches to "off" in the Element Panel.
3. Change Canvas Device View
Quickly view how the screen appears on different device sizes by selecting the desired screen size in the Live Preview located in the top right of the screen.
There are three available screen sizes: PC, Tablet, and Mobile Phone.
Last updated
