Overview of Custom HTML tiles

You should be aware of some aspects of Custom HTML tiles before you start designing them.

The HTML tile lets you provide customized HTML in a mobile-friendly tile on a place page. It replaces the HTML widget that was available in previous versions. For more information about using HTML tiles, see Adding an HTML Tile to a Page on Worx. For information about the capability of this tile versus a developer-created tile and the HTML widget, see Custom HTML in Your Jive Community on Worx.

HTML tiles on mobile devices

You can control visibility of each HTML tile. Depending on the complexity of your HTML, you may have concerns about whether your presentation can be displayed effectively on a mobile device. Setting the tile to be mobile-unfriendly means that it won't be displayed when the page is viewed on a mobile device or in narrow browser width. If you've designed your HTML to be responsive, you can safely enable Mobile Friendly. For more information, see Creating custom HTML tiles.

Link types in HTML tiles

The HTML Tile add-on differentiates between 3 types of links:

  • Absolute, for example <a href='http://localhost/groups/mygroup1/content'>Absolute</a>
  • RootRelative, for example <a href='/groups/mygroup1/content'>RootRelative</a>
  • Relative, for example <a href='content'>Relative</a>

In the examples above, the HTML tile is placed within a group named mygroup1 and that the instance URL is localhost. After being resolved, all three links redirect to the same URL address: http://localhost/groups/mygroup1/content.