In MegaEdit, we now have the ability to set predefined text styles in a dropdown selection within a text field. In short, you can create a text style within MegaEdit that can be assigned per text field. The end-user can then change the style of a text field simply by choosing it from the dropdown menu. This can change the font, color, size, leading and many more style options.
This article will show you the main components of setting up the style options: the Style Items and Style Groups. Below is a brief explanation of both.
Style Items
Items within Style Options are simply styles that you have created. For example, you create three headers: Heading 1, Heading 2, and Heading 3. These three headings are all individual items. These three items can then be assigned to a Group or multiple Groups.
Style Groups
Groups within Style Options are just a way to categorize your items. Following the example above, the three headings need to be categorized into a group. In style options, you can create a group, and name it Headings, and assign these three items.
Configuration
1. Open your MegaEdit product in the editor. Go to the Menu, and Press Style Options:
2. On the next screen, you will be taken to the style manager. First, let's create a new Heading. Press Add.
3. Here, you can name your style item, and apply different options to it. For the font selection, only fonts that you have configured against this product will be available. Here is a full list of options you can choose from:
- Font Family
- Bold
- Italic
- Underline
- Strike
- Font Color - you can either type in the Hex code OR select from the palette
- Font Size
- Alignment - left, right, or center
- Opacity
- Leading
- Word Spacing
- Character Spacing
- Paragraph Spacing
Checking any of these items will save it against this specific style item. Once you have made your selections, press save.
You will now see your style item saved in the style manager:
4. Now that you have a style item, you need to create a style group to assign it to. To create a style group, simply press Groups then Add.
5. Name your style group, in this example it is named Headings. Press Save.
6. Now you will see you have a Headings Group. To apply your style item to the style group, press the edit button.
Then, select the style item you just created:
Press Save.
At this point, please save as product default so your style is saved across this product.
7. To apply this to a text field, simply click the text field, and navigate to the final tab. You will want to find the setting Assign Style Group. Choose Headings.
8. In the text field, you will now see an option to choose a style in the main tab. This will allow your user to change the styling on the fly. Be sure to save your product as default after you are finished. Below is an example of this:
Note the default styling:
When the user chooses Heading 1, the entire field will change styles on the go.
There is no limit to the number of styles you want assigned to a group. Please keep in mind that only one Style Group can be assigned per Text Field. You can also assign a Style Item to multiple Style Groups.
0 Comments