Namespace IStrDOM

Описание HTML елемента IStr

________________________________________________________________
|<div                                                           |
|   id='${id}'                                                  |
|   name='${name}'                                              |
|   class="ui-list                                              |
|          ${prefix}                                            |
|          readonly                                             |
|          unselectable                                         |
|          positionAbsolut                                      |
|          ${AlignSelf}                                         |
|          ${Grouping}">                                        |
|   ________________________________________________________    |
|   |<div class="menu                                       |   |
|   |            fixed">                                    |   |
|   |   _______________________________________________     |   |
|   |   |<div class="app ui-menu">                     |    |   |
|   |   |       ***                                    |    |   |
|   |   |</div>                                        |    |   |
|   |   |______________________________________________|    |   |
|   |</div>                                                 |   |
|   |_______________________________________________________|   |
|   ________________________________________________________    |
|   |<div class="content                                    |   |
|   |            flexible">                                 |   |
|   |     ____________________________________________      |   |
|   |    | ****                                       |     |   |
|   |    |____________________________________________|     |   |
|   |                                                       |   |
|   |</div>                                                 |   |
|   |_______________________________________________________|   |
|</div>                                                         |
|_______________________________________________________________|

Описание элемента

• ${prefix} - значение, установленное в IAppManager.appPrefix. Обычно: "app".
• ${id} - значение свойства IElement.id.
• ${name} - значение свойства IElement.name.
• ui-context-element - класс HTML элемента, елемента управления IContextElement.
• readonly - класс устанавливается, если свойство IElement.readonly установлено true.
• unselectable - класс устанавливается, если свойство IElement.textSelect установлено false.
• positionAbsolut - класс устанавливается, если свойство IElement.positionAbsolute установлено true.
• ${AlignSelf} - устанавливается класс AlignSelf, если свойство IElement.alignSelf установлено в соответствующее значение, например: "topLeft".
• ${Grouping}: (horizontal | vertical) - класс Grouping указывает на взаимное расположение подэлементов menu и content в зависимости от свойства IContextElement.menuPosition.

Описание вложенных элементов

Меню

Этот div не добавляется, если у объекта не задано свойство menu, либо меню не имеет элементов.

• menu - класс указывает на элемент, в который встраивается меню.
• fixed - элемент меню всегда имеет фиксированный размер.

*** В div с классом menu добавляется элемент управления IMenu

• ui-menu - класс HTML элемента, елемента управления IMenu.

Контент элемента IStr

• content - класс указывает на элемент, в который встраивается контент.
• flexible - элемент контента всегда имеет гибкий размер.

**** В div с классом content добавляется значение элемента в зависимости от ContentType.

• ContentType.text - простой текст, например: абвгд.
• ContentType.html - html, например: <h1>Заголовок</h1>.
• ContentType.md - html, например: <h1>Заголовок</h1>(этот html прявляется в результате преобразования md текста # Заголовок).
• ContentType.hyperlink - ссылка, например: <a href='https://ui-organizer.ru'>ui-organizer</a>.