Follow

HTML Element - Add HTML - IB v3.0

HTML Element - Add HTML - IB v3.0

bulb_dim.png  Please note:  before you can add any element to a page you must first have row(s) and column(s) setup in Layout Mode

In this example, the campaign page was created via Option 2: Create a Custom Page  for instructional clarity. 

1.  If needed, switch your mode to Content Mode as elements can not  be added to a page in Layout Mode

2014-07-11_1434.png 

2. Click the HTML element from the element list on the left hand side of the screen.  

2014-07-14_1016.png 

3.  Now drag the HTML element  and drop it into a column container 

2014-07-11_1442.png 

4.  The New HTML element is displayed on the Content Mode screen. 

5.  To edit the New HTML element:

2014-07-14_1019.png 

  • Hover over the New HTML element.
  • Click the blue Edit icon.
  • The corresponding element Edit screen will appear.
  • In this example, a HTML table Element is added

<table style="width:300px">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>

2014-07-14_1025.png

  • Set the Alignment of the element to Left, Right, Centered or None.

2014-07-14_1027.png 

  • In this example, the alignment is set to Center.

2014-07-14_1030.png

  • Make changes and then select the Update Content button in bottom right hand corner.
  • bulb_dim.png   To save your changes select  Publish Page button.  
  • To discard changes select Close Builder button instead.
  • Click View Published Page to preview the elment. 

 2014-07-14_1031.png

bulb_dim.png  The HTML element Edit screen is discussed in more detail in subsequent knowledge base articles.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk