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 Thrive. 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 Thrive.
HTML tiles on mobile devices
Whether an HTML tile is available on mobile devices depends on the community and tile settings.
For the whole community, visibility of HTML tiles is defined by the jive.mobile.places.tiles.htmlSupport parameter. For more information on setting up the parameter, see Enabling HTML tiles on mobile devices.
You can control the 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 three 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.