This shows you the differences between two versions of the page.
— |
slot [2017/07/26 08:23] (current) |
||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ====== Slot ====== | ||
+ | |||
+ | Slots are markers that, when you are in the [[editor|Editor's]] [[content-mode|Content Mode]], indicate where text or images can be added inside a [[block|block]]. A slot can be used to store either text or an image. | ||
+ | |||
+ | As a designer, slots can help lock down your HTML code from accidental damage by editors by only allowing them to change the text contained within them rather than the HTML layout code. | ||
+ | |||
+ | Image slots allow you to specify a maximum width (maxWidth) and/or height (maxHeight). Sentori's editor will read and when a user uploads an image into the slot it will automatically re-size it to fit perfectly. | ||
+ | |||
+ | ===== Example text slot ===== | ||
+ | |||
+ | <code html> | ||
+ | <!--SlotStart--><p>Type your text here.</p><!--SlotFinish--> | ||
+ | </code> | ||
+ | |||
+ | ===== Example image slot ===== | ||
+ | |||
+ | <code html> | ||
+ | <!--SlotStart type="ImageOnly" MaxWidth="200"--><img src="http://domain.com/image.jpg" /><!--SlotFinish--> | ||
+ | </code> | ||
+ | |||
+ | ===== Slot properties ===== | ||
+ | |||
+ | ^ Property ^ Required ^ Description ^ | ||
+ | | Type | No | Values: ImageOnly/TextOnly. This identifies to Sentori's editor whether the slot is text or an image. If this property is not set, Sentori will assume a text slot. | | ||
+ | | MaxWidth | No | Applies to ImageOnly slots. If set, an image uploaded that is larger than the specified value will automatically be re-sized by Sentori. | | ||
+ | |||
+ | |||
+ | |||