HeaderComponent - Revision history

Jamess: Blanked the page

2017-10-18T11:06:12Z

Blanked the page

← Older revision		Revision as of 04:06, 18 October 2017
Line 1:		Line 1:
	~~__NOTOC__~~
	~~Insert a highly customizable text header into your content with this component, with support for custom backgrounds, sizing, and CSS.~~

	~~==Where to Find==~~

	~~This Component can be found in the [[Adding to a Page \| "Add Content to Page"]] section of the [[Toolbar]].~~

	~~==Adding to Website==~~

	~~After selecting this Component, you will be able to choose exactly where you want to add it!~~

	You will see all available [[content locations]] it can be added to - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).

	~~==Options==~~

	~~[[Image:HeaderMainOptions.png\|frameless\|x720px\|center]]~~

	~~After choosing where this Component will appear, the '''Title''' text can be configured, along with '''extra design options''' for optional custom backgrounds or borders.~~

	~~You can optionally change the '''color''' of the text with the included color selector, while the '''Element Tag''' can select a range of predefined styles for the font, size, and spacing.~~

	The '''font size''' can be adjusted here, as well as the '''font weight''' and '''alignment''' in the header. Additionally, the '''line height''' can be adjusted, such as for cases where the title is long enough to wrap.

	Under '''Design Options''', an optional '''custom background''' for the text can be uploaded and added, as well as changing the '''size and dimensions''' of the header box itself to accommodate the image, such as allowing extra height above and/or below the text to allow more of the image to show.

	~~'''Borders''' for the header box can also be customized here, such as changing the style and '''radius''' of rounded corners if desired.~~

	~~The last section, '''Custom Options''', is to allow experienced designers to easily create and apply their own additional CSS for extra flexibility.~~

	~~==Editing==~~

	~~Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the [[Component Toolbar]].~~


	~~[[Category:Components]]~~
	~~[[Category:Multimedia Components]]~~

Jamess at 10:59, 18 October 2017

2017-10-18T10:59:22Z

← Older revision		Revision as of 03:59, 18 October 2017
Line 1:		Line 1:
	__NOTOC__		__NOTOC__
	Insert a customizable header into your content with this ~~Component~~.		Insert a highly customizable text header into your content with this component, with support for custom backgrounds, sizing, and CSS.

	==Where to Find==		==Where to Find==

Jamess: /* Options */

2017-10-18T10:53:51Z

Options

← Older revision		Revision as of 03:53, 18 October 2017
Line 20:		Line 20:
	You can optionally change the '''color''' of the text with the included color selector, while the '''Element Tag''' can select a range of predefined styles for the font, size, and spacing.		You can optionally change the '''color''' of the text with the included color selector, while the '''Element Tag''' can select a range of predefined styles for the font, size, and spacing.

	The '''font size''' can be ~~changed~~ here, as well as the '''font weight''' and '''alignment''' on the ~~page~~. Additionally, the '''line height''' can be adjusted for cases where the title is long enough to wrap.		The '''font size''' can be adjusted here, as well as the '''font weight''' and '''alignment''' in the header. Additionally, the '''line height''' can be adjusted, such as for cases where the title is long enough to wrap.

	Under '''Design Options''', an optional '''custom background''' for the text can be uploaded and added, as well as changing the '''size and dimensions''' of the header box itself to accommodate the image, such as allowing extra height above and/or below the text to allow more of the image to show. '''Borders''' for the header box can also be customized here, such as changing the style and radius of rounded corners.		Under '''Design Options''', an optional '''custom background''' for the text can be uploaded and added, as well as changing the '''size and dimensions''' of the header box itself to accommodate the image, such as allowing extra height above and/or below the text to allow more of the image to show.

			'''Borders''' for the header box can also be customized here, such as changing the style and '''radius''' of rounded corners if desired.

	The last section, '''Custom Options''', is to allow experienced designers to easily create and apply their own additional CSS for extra flexibility.		The last section, '''Custom Options''', is to allow experienced designers to easily create and apply their own additional CSS for extra flexibility.


	==Editing==		==Editing==

Jamess: Created page with "NOTOC Insert a customizable header into your content with this Component. ==Where to Find== This Component can be found in the Adding to a Page | "Add Content to Page"..."

2017-10-18T10:51:07Z

Created page with "__NOTOC__ Insert a customizable header into your content with this Component. ==Where to Find== This Component can be found in the Adding to a Page | "Add Content to Page"..."

New page

__NOTOC__
Insert a customizable header into your content with this Component.

==Where to Find==

This Component can be found in the [[Adding to a Page | "Add Content to Page"]] section of the [[Toolbar]].

==Adding to Website==

After selecting this Component, you will be able to choose exactly where you want to add it!

You will see all available [[content locations]] it can be added to - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).

==Options==

[[Image:HeaderMainOptions.png|frameless|x720px|center]]

After choosing where this Component will appear, the '''Title''' text can be configured, along with '''extra design options''' for optional custom backgrounds or borders.

You can optionally change the '''color''' of the text with the included color selector, while the '''Element Tag''' can select a range of predefined styles for the font, size, and spacing.

The '''font size''' can be changed here, as well as the '''font weight''' and '''alignment''' on the page. Additionally, the '''line height''' can be adjusted for cases where the title is long enough to wrap.

Under '''Design Options''', an optional '''custom background''' for the text can be uploaded and added, as well as changing the '''size and dimensions''' of the header box itself to accommodate the image, such as allowing extra height above and/or below the text to allow more of the image to show. '''Borders''' for the header box can also be customized here, such as changing the style and radius of rounded corners.

The last section, '''Custom Options''', is to allow experienced designers to easily create and apply their own additional CSS for extra flexibility.

==Editing==

Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the [[Component Toolbar]].

[[Category:Components]]
[[Category:Multimedia Components]]

HeaderComponent - Revision history

Jamess: Blanked the page

Jamess at 10:59, 18 October 2017

Jamess: /* Options */

Jamess: Created page with "__NOTOC__ Insert a customizable header into your content with this Component. ==Where to Find== This Component can be found in the Adding to a Page | "Add Content to Page"..."

Jamess: Created page with "NOTOC Insert a customizable header into your content with this Component. ==Where to Find== This Component can be found in the Adding to a Page | "Add Content to Page"..."