Home Community Welcome & Announcements Using the NI Community Document

Using the NI Community

cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

HTML Templates for User Groups

by Community Team on
‎10-04-2017 04:20 PM
- edited on ‎01-20-2021 04:06 PM by: Community Team

As a group owner, you can change the content of your group overview page using the Group Information link in the Group Administration section of the group homepage. The group description section only supports plain text, but the welcome message can support plain text for basic HTML for more layout options.

 

Here are some common HTML templates that you can use to get the look you desire. There are also some text styling options that you can copy and paste as you see fit to make your own template.

 

Common HTML:

<b>bold</b>
<i>italics</i>
<img src="URL"> to display an image
<a href="URL">Link text here</a> to hyperlink text
<ul> to start a list
<li>item one</li>
<li>item two</li>
</ul> end list
<hr> insert a horizontal line

 

One Column with One Header:

onecolumnblock.png

 

 <!--One title with one Column-->
 <h3 style="color:#0e385f" align="center"><b>Section Title Here</b></h3>
 <hr>
  <p style="margin-left: 10px">Description text. Description text. Description text. Description text. 
Description text. Description text. Description text. Description text. Description text. Description text. 
Description text. Description text.Description text. Description text. Description text. Description text. 
Description text. Description text.</p>

 

Two Columns with Two Headers:

 

TWOCOLUMNS.png

 

<!--Two Columns-->
<table width="100%" align="center"><tbody>
  <tr>
    <th><h3 width="45%" style="color:#0e385f" align="center"><b>Column One Title</b></h3><hr></th>
    <th width="10%"></th>
    <th><h3 width="45%" style="color:#0e385f" align="center"><b>Column Two Title</b></h3><hr></th>
  </tr>
  <tr>
    <td width="45%" valign="top">
      <p style="margin-left: 10px">
        Column one description text. Column one description text. Column one description text.
      </p>
    </td>
 <td width="10%"></td>
    <td width="45%" valign="top">
      <p style="margin-left: 10px">
        Column two description text. Column two description text. Column two description text.
      <br><br>
      </p>
    </td>
  </tr>
</tbody></table>

Two Columns with One Title:

 

oneheadertwocolumns.png

 

<!--One title with two Columns-->
<h3 style="color:#0e385f" align="center"><b>Section Title Here</b></h3>
<hr>
<table width="100%" align="center"><tbody>
  <tr>
    <td width="45%" valign="top">
      <p style="margin-left: 20px">
        Column one description text. Column one description text. Column one description text. Column one description text.
      </p>
    </td>
    <td width="10%"></td>
    <td width="45%" valign="top">
      <p style="margin-left: 20px">
        Column two description text. Column two description text. Column two description text.
      </p>
    </td>
  </tr>
</tbody></table>

One Column List with Title:

onecolumnlist.png

<!--One title with one Column list-->
<h3 style="color:#0e385f" align="center"><b>Section Title Here</b></h3>
<hr>
 <h4 style="margin-left: 10px"><b>Bold text</b></h4>
 <p style="margin-left: 20px">Description text. Description text. Description text. Description text. 
Description text. Description text.</p><br>
 <h4 style="margin-left: 10px"><b>Bold text</b></h4>
 <p style="margin-left: 20px">Description text. Description text. Description text. Description text. 
Description text. Description text.</p><br>
 <h4 style="margin-left: 10px"><b>Bold text</b></h4>
 <p style="margin-left: 20px">Description text. Description text. Description text. Description text. 
Description text. Description text.</p>

 

Labels: