Description

Displays a rectangle that can show labelled text, an image and optionally link to other content.

The Rectangle Tile

Settings

General

Width – Adjusts the width of the tile, in pixels.
Height – Adjusts the height 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.  When this toggle is selected, the Mouse Over Color option appears.
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.
Vertical Align
– Sets the vertical location of the text within the tile, either Top, Middle or Bottom.
Horizontal Align
– Sets the horizontal location of the text within the tile, either Left, Center or Right.
Text Padding
– Adjusts the padding (the gap between the text and the edge of the tile) to the left, right, top or bottom of the tile, in pixels.
Override Page Font
– This allows the user to override the font family that has been selected if the checkbox is checked.  Once checked, Font Family will appear.
Font Family
– Changes the font family of the text.  This is only available if the Override Page Font setting has been toggled on.
Font Size
– Changes the size (in pixels) of the text.
Font Color – Changes the color of the text using a color picker.
Font Style
– Changes the style of the text to either Italic and/or Underlined.
Font Weight
– Changes the weight of the text with a drop down 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 which side of the page of the side panel will slide out from (left or right).  Only visible when the slide option is selected.
Slide Width
– Sets the width of the side panel.  Only visible when the slide option is selected.

Layout (Fixed Width Canvas)

Layer – Changes the tile to appear in the foreground, background, or custom z-index on the page.
Reorder Within Layer – Allows the object to either be brought to the front, sent to the back, or have no change within the selected layer.

Tile Behavior (Responsive/Content Canvas)

Show on Large Devices – Toggles whether the tile will appear on larger devices or not, such as desktops.
Show on Medium Devices – Toggles whether the tile will appear on medium devices or not, such as tablets.
Show on Small Devices – Toggles whether the tile will appear on small devices or not, such as phones.
Show on Extra-Small Devices – Toggles whether the tile will appear on extra-small devices or not, such as smaller phones.

Advanced

Tile Visibility – Changes which groups can or cannot view the tile.  Permissions are selected with a drop down for Everyone, ‘Only for’ or ‘For everyone except’. When ‘Only for’ or ‘For everyone except’ is selected, another drop down menu will appear where groups can be assigned to the category that was selected.
Lock Tile for Non-owners
– Toggles the tile to only be modifiable by an owner.
Custom CSS Classes
– Allows multiple Custom CSS classes to be added to the tile, allowing more direct control of the tile through custom code.

Did this answer your question?