HTMLComponent: Difference between revisions


(New page: An HTML component is used for adding custom html chunks. ====HTML component dynamically generated html:==== <pre> <div class="component html_component"> <h2><span>html component title...)
 
No edit summary
 
(23 intermediate revisions by 2 users not shown)
Line 1: Line 1:
An HTML component is used for adding custom html chunks.
__NOTOC__
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==


====HTML component dynamically generated html:====
This Component can be found in the [[Adding to a Page | "Add Content to Page"]] section of the [[Toolbar]].


<pre>
==Adding to Website==
<div class="component html_component">
  <h2><span>html component title</span></h2>
  <div class="component_content">
    <div>
      html component content
    </div>
  </div>
</div>
</pre>


When a user adds an html component to their Viviti site, this is the html that is dynamically generated.
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: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 [http://builderexample.com/web-tools Web Tools] page of http://builderexample.com


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

Latest revision as of 13: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