Tu môžete vidieť rozdiely medzi vybranou verziou a aktuálnou verziou danej stránky.
Both sides previous revision Previous revision Next revision | Previous revision | ||
dev:omega:html5:window [2015/11/26 14:26] Michal Štens |
dev:omega:html5:window [2015/11/26 14:51] (aktuálne) Michal Štens [Example] |
||
---|---|---|---|
Riadok 7: | Riadok 7: | ||
^ Parameter ^ Data ^ Type ^ Default value ^ Description ^ | ^ Parameter ^ Data ^ Type ^ Default value ^ Description ^ | ||
- | | icon | "" | string | " | Pridanie ikonky pred nazov v hlavicke | | + | | icon | "/test.icon" | string | " | Pridanie ikonky pred nazov v hlavicke | |
- | | caption | bottom | string | top | Pridelenie nazvu do hlavicky okna | | + | | caption | "Test window" | string | "" | Pridelenie nazvu do hlavicky okna | |
- | | content | left | string | top | Pridelenie obsahu do tela okna | | + | | content | "Test body window" | string | "" | Pridelenie obsahu do tela okna | |
- | | shadow | right | boolean | top | Shadow pre okno | | + | | shadow | true/false | boolean | true | Shadow pre okno | |
- | | mobile | window, div class, div id | boolean | body | Verzia okna desktop/okno | | + | | mobile | true/false | boolean | false | Verzia okna desktop/okno | |
- | | width | window, div class, div id | string | body | Dlzka okna | | + | | width | "200px" | string | "auto" | Dlzka okna | |
- | | height | window, div class, div id | string | body | Vyska okna | | + | | height | "200px" | string | "auto" | Vyska okna | |
- | | style | window, div class, div id | string | body | Styl okna {background: '', color: ''} | | + | | style | {background: '', color: ''} | string | body | Styl okna {background: '', color: ''} | |
- | | modal | window, div class, div id | boolean | body | Modalne okno | | + | | modal | true/false | boolean | false | Modalne okno | |
- | | timeout | window, div class, div id | Int | body | Casovac pre okno v milisekundach | | + | | timeout | 6000 | Int | 3000 | Casovac pre okno v milisekundach | |
- | | keep_open | window, div class, div id | boolean | body | Drzat okno otvorene, alebo casovacom ho zavriet | | + | | keep_open | true/false | boolean | true | Drzat okno otvorene, alebo casovacom ho zavriet | |
- | | minimalize | window, div class, div id | boolean | body | Tlacitko minimalizacia okna | | + | | minimalize | true/false | boolean | true | Tlacitko minimalizacia okna | |
- | | maximalize | window, div class, div id | boolean | body | Tlacitko maximalizacia okna | | + | | maximalize | true/false | boolean | true | Tlacitko maximalizacia okna | |
- | | close | window, div class, div id | boolean | body | tlacitko zavriet okno | | + | | close | true/false | boolean | true | tlacitko zavriet okno | |
- | | resizable | window, div class, div id | boolean | body | Zmena velkosti okna | | + | | resizable | true/false | boolean | true | Zmena velkosti okna | |
- | | dragable | window, div class, div id | boolean | body | Presuvanie okna | | + | | dragable | true/false | boolean | true | Presuvanie okna | |
- | | type | window, div class, div id | string | body | Typ okna | | + | | type | "default, success, alert, info, warning" | string | "default" | Typ okna | |
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ==== Tabs events ==== | ||
+ | |||
+ | ^ Parameter ^ Data ^ Type ^ Default value ^ Description ^ | ||
+ | | onTabClick | | | | | | ||
+ | | onTabChange | | | | | | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ===== HTML, basic window ===== | ||
+ | |||
+ | ==== Example ==== | ||
+ | |||
+ | {{:dev:omega:html5:win_basic.jpg|}} | ||
+ | |||
+ | ==== Code ==== | ||
+ | |||
+ | <code> | ||
+ | pushWindow({ | ||
+ | caption: 'Test header', | ||
+ | content: 'Test body' | ||
+ | }); | ||
+ | </code> | ||
+ | |||
+ | |||
+ | ===== HTML, modal window bez minimalizacia a maximalizacie ===== | ||
+ | |||
+ | ==== Example ==== | ||
+ | |||
+ | {{:dev:omega:html5:window_modal.jpg|}} | ||
+ | |||
+ | |||
+ | ==== Code ==== | ||
+ | |||
+ | <code> | ||
+ | pushWindow({ | ||
+ | caption: 'Test header', | ||
+ | content: 'Test body', | ||
+ | modal: true, | ||
+ | minimalize: false, | ||
+ | maximalize: false | ||
+ | }); | ||
+ | </code> |