Skin Editor
How to Customize Campaign Pages with the Skin Editor
Last updated
How to Customize Campaign Pages with the Skin Editor
Last updated
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.
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
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.
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.
Select the Close Button to exit the skin editor tool.
Customize the game in Pro mode by following these steps:
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.
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.
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.
For an image component, you can download it as an image file or upload a new image to replace it.
Edit the text component by directly entering new content in the textbox.
Modify the paragraph component by selecting it and entering new content in the text editor popup.
Adjust the color component by selecting it and choosing a new color in the color picker popup.
Some less common components can be customized using the control buttons in the 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.
You can reset customized elements to their original settings by clicking the "Restore Default" button at the bottom of the components list.
Certain elements can be completely removed by toggling their respective switches to "off" in the Element Panel.
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.
