Templates: Edit Style/en: Difference between revisions
From Joomla! Documentation
Updating to match new version of source page |
Updating to match new version of source page |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<noinclude><languages /></noinclude> | <noinclude><languages /></noinclude> | ||
==Description== | ==Description== | ||
This is where you edit template styles. When a template is first installed, a default style is created for it. The default style for the template will have the same name as the template with a ''- Default'' suffix. To make a different variation of the default template style, check the default style's checkbox and press the ''Duplicate'' icon in the toolbar. Then edit the duplicate. | This is where you edit template styles. When a template is first installed, a default style is created for it. The default style for the template will have the same name as the template with a ''- Default'' suffix. To make a different variation of the default template style, check the default style's checkbox and press the ''Duplicate'' icon in the toolbar. Then edit the duplicate. | ||
==How to Access== | ==How to Access== | ||
*Select {{rarr|System,Templates,Site Templates Styles}} from the Administrator menu. Or... | *Select {{rarr|System,Templates Panel,Site Templates Styles}} from the Administrator menu. Or... | ||
*Select {{rarr|System,Templates,Administrator Templates Styles}} from the Administrator menu. Then... | *Select {{rarr|System,Templates Panel,Administrator Templates Styles}} from the Administrator menu. Then... | ||
**Select the name of the Template Style to edit in the Style column. | **Select the name of the Template Style to edit in the Style column. | ||
==Screenshot== | ==Screenshot== | ||
[[Image:Help-4x-Extensions-Template-Manager-Styles-Edit-screen-en.png|800px]] | [[Image:Help-4x-Extensions-Template-Manager-Styles-Edit-screen-en.png|800px]] | ||
| Line 12: | Line 15: | ||
==Form Fields== | ==Form Fields== | ||
*'''Style Name.''' The name of the style. This is the name that will display in the Style column of the ''Template: Styles'' screen. | *'''Style Name.''' The name of the style. This is the name that will display in the Style column of the ''Template: Styles'' screen. | ||
===Details Tab=== | ===Details Tab=== | ||
*'''Template Name.''' The name of the template, Site or Administrator indicator and a brief description. | *'''Template Name.''' The name of the template, Site or Administrator indicator and a brief description. | ||
| Line 19: | Line 23: | ||
===Advanced Tab=== | ===Advanced Tab=== | ||
This section may not be present for all styles. If a template from which a style is derived from has configurable options they will be present here. It is these additional configurable options which allow you to have multiple different styles of templates with variations of these options. The options available will vary based on what options the template developer made available. | This section may not be present for all styles. If a template from which a style is derived from has configurable options they will be present here. It is these additional configurable options which allow you to have multiple different styles of templates with variations of these options. The options available will vary based on what options the template developer made available. | ||
===Atum Colour Settings=== | |||
The default Administrator template allows you to experiment with colour variations. Save and see! | |||
===Atum Image Settings=== | |||
You may select an image to replace the '''Login Logo''' in the Administrator login form, and the '''Brand Logo''' in the Administrator Title bar in expanded mode and in compacted mode. The defaults are the Joomla Brand logos. In the Title Bar, the word Joomla! is present in the '''Brand Large''' version and omitted in the '''Brand Small''' version. Select '''Toggle Menu''' to see the change. | |||
If you provide your own Brand Small you also need to provide a width style override. To do so, create a user.css file in the template root and insert the following, but replace 3rem with a suitable width for your image: | |||
.header .logo.small { | |||
width: 3rem; | |||
} | |||
</code> | |||
===Menu Assignment Tab=== | ===Menu Assignment Tab=== | ||
This section contains all the menu items configured in your Joomla! website. To apply the current style to a menu item's corresponding web page, check the box next to the menu item. You can press the ''Toggle Selection'' button to invert the menu item selections. | This section contains all the menu items configured in your Joomla! website. To apply the current style to a menu item's corresponding web page, check the box next to the menu item. You can press the ''Toggle Selection'' button to invert the menu item selections. | ||
'''Note''': If a checkbox is grayed out and cannot be checked then it could be because the menu item is in use by another user. You can see if this is the case by going to the [[ | '''Note''': If a checkbox is grayed out and cannot be checked then it could be because the menu item is in use by another user. You can see if this is the case by going to the [[Help40:Menus:_Items/en|menu manager screen for the menu]] concerned. If there is a padlock symbol next to the menu item then it is currently in use by another user. | ||
==Toolbar== | ==Toolbar== | ||
At the top of the page you will see the toolbar shown in the Screenshot above. The functions are: | At the top of the page you will see the toolbar shown in the [[#Screenshot|Screenshot]] above. The functions are: | ||
*'''Save | *'''Save'''. Saves the item and stays in the current screen. | ||
*'''Save & Close'''. Saves the | *'''Save & Close'''. Saves the item and closes the current screen. | ||
*'''Save as Copy'''. Saves your changes to a copy of the current | *'''Save as Copy'''. Saves your changes to a copy of the current item. Does not affect the current item. This toolbar icon is not shown if you are creating a new item. | ||
*'''Cancel'''. Closes the current screen and returns to the previous screen without saving any modifications you may have made. | *'''Cancel'''. Closes the current screen and returns to the previous screen without saving any modifications you may have made. | ||
| Line 38: | Line 55: | ||
==Related Information== | ==Related Information== | ||
* To install templates: [[ | * To install templates: [[Help40:Extensions:_Install/en|Extension Manager: Install]] | ||
<noinclude> | <noinclude> | ||
{{Cathelp|4.0|Template Manager Help Screens|Styles Help Screens}} | {{Cathelp|4.0|Template Manager Help Screens|Styles Help Screens}} | ||
</noinclude> | </noinclude> | ||
[[Category:Help screen 4.1]] | |||
[[Category:Help screen 4.2]] | |||
Latest revision as of 15:04, 12 January 2023
Description
This is where you edit template styles. When a template is first installed, a default style is created for it. The default style for the template will have the same name as the template with a - Default suffix. To make a different variation of the default template style, check the default style's checkbox and press the Duplicate icon in the toolbar. Then edit the duplicate.
How to Access
- Select System → Templates Panel → Site Templates Styles from the Administrator menu. Or...
- Select System → Templates Panel → Administrator Templates Styles from the Administrator menu. Then...
- Select the name of the Template Style to edit in the Style column.
Screenshot
Form Fields
- Style Name. The name of the style. This is the name that will display in the Style column of the Template: Styles screen.
Details Tab
- Template Name. The name of the template, Site or Administrator indicator and a brief description.
- Default. Whether or not the style is the default for the location.
- Template. The name of the template the style is derived from.
Advanced Tab
This section may not be present for all styles. If a template from which a style is derived from has configurable options they will be present here. It is these additional configurable options which allow you to have multiple different styles of templates with variations of these options. The options available will vary based on what options the template developer made available.
Atum Colour Settings
The default Administrator template allows you to experiment with colour variations. Save and see!
Atum Image Settings
You may select an image to replace the Login Logo in the Administrator login form, and the Brand Logo in the Administrator Title bar in expanded mode and in compacted mode. The defaults are the Joomla Brand logos. In the Title Bar, the word Joomla! is present in the Brand Large version and omitted in the Brand Small version. Select Toggle Menu to see the change.
If you provide your own Brand Small you also need to provide a width style override. To do so, create a user.css file in the template root and insert the following, but replace 3rem with a suitable width for your image:
.header .logo.small {
width: 3rem;
}
Menu Assignment Tab
This section contains all the menu items configured in your Joomla! website. To apply the current style to a menu item's corresponding web page, check the box next to the menu item. You can press the Toggle Selection button to invert the menu item selections.
Note: If a checkbox is grayed out and cannot be checked then it could be because the menu item is in use by another user. You can see if this is the case by going to the menu manager screen for the menu concerned. If there is a padlock symbol next to the menu item then it is currently in use by another user.
Toolbar
At the top of the page you will see the toolbar shown in the Screenshot above. The functions are:
- Save. Saves the item and stays in the current screen.
- Save & Close. Saves the item and closes the current screen.
- Save as Copy. Saves your changes to a copy of the current item. Does not affect the current item. This toolbar icon is not shown if you are creating a new item.
- Cancel. Closes the current screen and returns to the previous screen without saving any modifications you may have made.
- Help. Opens this help screen.
Related Information
- To install templates: Extension Manager: Install