Description


 

A generic circle tile that you can label and link to other content.


NOTE: Circle tile is not available in the responsive canvas. This is a side-effect of the dynamic width nature of the canvas, which required the circle tile to dynamically resize in certain scenarios which was visually undesirable for maintaining a consistent experience with other tiles.



The Circle Tile

 


Settings

 


Tile

 


Width – Adjusts the width of the tile in pixels.

 

Background Color – Changes the background color of the tile using the color picker.

 

Highlight on Mouse over – Toggle whether the tile changes color when it is hovered on.

 

Mouse Over Color – Changes the background color when the tile is hovered on. Only available when Highlight on Mouse Over is checked.

 


Text

 


Text – Changes the title of the tile.

Override Page Font - This allows you to override the font family that has been selected if the checkbox is checked.

Font Family – Changes the font family of the items text. Selectable via a dropdown list. (Note: This is only available if Override Page Font has been selected)

 

Font Size – Changes the size (in pixels) of the text within the Text field.

 

Font Color – Changes the color of the text within the Text field. Selectable via the color picker.

 

Font Style – Changes the style of the text within the Text field. Either Italic and/or Underlined.

 

Font Weight – Changes the weight of the text within the Text field. Selectable via dropdown list.

 


Image

 


Image Path – Sets the location of the image for the tile.

 

Image Layout Style – Changes how the image is displayed, either Tile, Stretch, Fit, Fill or Center.

 

Image Padding - Adjusts the padding (the gap between the image and the edge of the tile) to the left, right, top or bottom of the tile, in pixels.

 


Links

 


Path – Sets the location of the link.

 

Target – Changes where the links open, either Modal Dialog, New Window, In Place or Slide.

 

Modal Width – Sets the width of the Modal Dialog. Only visible when Modal Dialog is selected.

 

Modal Height – Sets the height of the Modal Dialog. Only visible when Modal Dialog is selected.

 

Modal Style – Sets the border style of the Modal Dialog either Frameless, Framed or SharePoint. Only visible when Modal Dialog is selected.

Slide Position - Sets whether the side panel opens from the left or the right of the page.

Slide Width - Sets the width of the side panel.

 


Layout

 


Layer – Changes the depth of the tiles within the page. Selectable via dropdown either Foreground, Background or Custom.

 

Reorder Within Layer - Changes the depth of the tiles within the layer. Selectable via dropdown either ‘No Change’, ‘Bring to Front’ or ‘Send to Back’.

 


Advanced


Tile Visibility – Changes which groups can or cannot view the tile. Selectable via dropdown either Everyone, ‘Only for’ or ‘For everyone except’. When ‘Only for’ or ‘For everyone except’ is selected, a dropdown menu will appear where you can assign groups to the category that was selected.

Lock Tile for Non-owners  Toggles whether only tile can be only modified by an owner.

Custom CSS Classes: This section allows you to add multiple Custom CSS classes to the product, allowing you to be able to add custom CSS classes to the tile.