HTMLComponent: Difference between revisions


m (HTML moved to HTMLComponent)
No edit summary
 
(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
__NOTOC__
__NOTOC__
An HTML component is used for adding custom html chunks. This component is great if you want to insert code given to you by another website, or if you just want to write some custom HTML.
An HTML component is used for adding custom lines of HTML code. This component is great if you want to insert code given to you by another website, or if you just want to write some custom HTML.


==Where to Find==


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


==Adding to Website==


After selecting this Component, you will be able to choose exactly where you want to add it!
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 - 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).
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==
 
====Configuring:====




Line 27: Line 20:
You can optionally set a '''Title''' to be displayed above the HTML Code Block on your page.
You can optionally set a '''Title''' to be displayed above the HTML Code Block on your page.


 
==Editing==
Simply add the code to the '''HTML Block''' section and click "Create" when ready!
 
 
====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]].
Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the [[Component Toolbar]].


==Example==


====Example:====
An example of this Component can be viewed on the [http://builderexample.com/web-tools Web Tools] page of http://builderexample.com
 
 
An example of this Component can be viewed on the [http://example.viviti.com/web-tools Web Tools] page of http://example.viviti.com


[[Category:Components]]
[[Category:Components]]
[[Category:Web Tools Components]]

Latest revision as of 14:39, 27 March 2014

An HTML component is used for adding custom lines of HTML code. This component is great if you want to insert code given to you by another website, or if you just want to write some custom HTML.

Where to Find

This Component can be found in the "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

Htmlcode.PNG


You can optionally set a Title to be displayed above the HTML Code Block on your page.

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.

Example

An example of this Component can be viewed on the Web Tools page of http://builderexample.com