<div class="ui ignored info message">Templates are found in <code>settings.template</code>, to modify templates across all forms, modify <code>$.fn.form.settings.templates</code> to include your function. They must return html.</div>
<div class="ui ignored info message">Templates are found in <code>settings.template</code>, to modify templates across all forms, modify <code>$.fn.form.settings.templates</code> to include your function. They must return HTML.</div>
<p>UI tables use <code>border-collapse: separate</code> to allow for tables to receive styles that cannot usually be applied to tables like <code>border-radius</code>. However this can cause some cell borders to appear missing with complex layouts that use <code>rowspan</code> or <code>colspan</code> and rows with varying column count.</p>
<p>UI tables use <code>border-collapse: separate</code> to allow for tables to receive styles that cannot usually be applied to tables like <code>border-radius</code>. However this can cause some cell borders to appear missing with complex layouts that use <code>rowspan</code> or <code>colspan</code> and rows with varying column count.</p>
<p><code>ui complex table</code> does not support some style features, but can correctly display all valid html table content.</p>
<p><code>ui complex table</code> does not support some style features, but can correctly display all valid HTML table content.</p>
<p>Multiple select dropdowns are now available, and can generate automatically from standard html selects. </p>
<p>Multiple select dropdowns are now available, and can generate automatically from standard HTML selects. </p>
<p>Dropdowns now all support advanced keyboard shortcuts like <code>pagedown</code>, <code>delete</code>, <code>shift+left</code> <code>ctrl+click</code>, and selection using first letter of item.</p>
<p>Dropdowns now all support advanced keyboard shortcuts like <code>pagedown</code>, <code>delete</code>, <code>shift+left</code> <code>ctrl+click</code>, and selection using first letter of item.</p>
<p>Additionally dropdowns will now automatically open <code>upward</code> if there is not enough space available in the viewport below a dropdown.</p>
<p>Additionally dropdowns will now automatically open <code>upward</code> if there is not enough space available in the viewport below a dropdown.</p>
<p>Initializing a dropdown with pre-existing html allows for greater performance than initializing a dropdown directly on a <code>select</code> element.</p>
<p>Initializing a dropdown with pre-existing HTML allows for greater performance than initializing a dropdown directly on a <code>select</code> element.</p>
<div class="ui ignored info message">Any select element initialized as dropdown will also be hidden until Javascript can create html, this is to avoid the flash of unstyled content, and the change in element height adjusting page flow.</div>
<div class="ui ignored info message">Any select element initialized as dropdown will also be hidden until Javascript can create HTML, this is to avoid the flash of unstyled content, and the change in element height adjusting page flow.</div>
<li>Using <code>data-html</code> for specific html</li>
<li>Using <code>data-html</code> for specific HTML</li>
<li>Using the content property in the initialization of the popup</li>
<li>Using the content property in the initialization of the popup</li>
</ul>
</ul>
<p>Popups can also specify some other frequently used settings using metadata<p>
<p>Popups can also specify some other frequently used settings using metadata<p>
@ -326,7 +326,7 @@ themes : ['Default']
<div class="example">
<div class="example">
<h4 class="ui header">Wide Popup Menu</h4>
<h4 class="ui header">Wide Popup Menu</h4>
<p>An easier way to display complex content, like a wide popup menu is to have the popup content as a pre- existing part of your page's html.</p>
<p>An easier way to display complex content, like a wide popup menu is to have the popup content as a pre- existing part of your page's HTML.</p>
<p>Using the setting <code>inline: true</code> will let Semantic know to display the next sibling <code>ui popup</code> element after the activator.</p>
<p>Using the setting <code>inline: true</code> will let Semantic know to display the next sibling <code>ui popup</code> element after the activator.</p>
<p>Tweaking settings like the delay for show, and hide, and making the menu hoverable will help it function more like a dropdown menu</p>
<p>Tweaking settings like the delay for show, and hide, and making the menu hoverable will help it function more like a dropdown menu</p>
<p>The starting rating can be set either using metadata value <code>data-rating</code> or the setting <code>initialRating</code>.
<p>The starting rating can be set either using metadata value <code>data-rating</code> or the setting <code>initialRating</code>.
<p>The maximum rating can be be set using the metadata value <code>data-max-rating</code> or the settings <code>maxRating</code>, or you can just include the icon html yourself on initialization to avoid the overhead of the <code>DOM template insertions</code>. </p>
<p>The maximum rating can be be set using the metadata value <code>data-max-rating</code> or the settings <code>maxRating</code>, or you can just include the icon HTML yourself on initialization to avoid the overhead of the <code>DOM template insertions</code>. </p>
<div class="ui ignored info message">If a metadata rating is specified it will automatically override the default value specified in Javascript.</div>
<div class="ui ignored info message">If a metadata rating is specified it will automatically override the default value specified in Javascript.</div>
<td>Callback after processing element template to add html to results. Function should return false to prevent default actions.</td>
<td>Callback after processing element template to add HTML to results. Function should return false to prevent default actions.</td>
</tr>
</tr>
<tr>
<tr>
<td>onSearchQuery(query)</td>
<td>onSearchQuery(query)</td>
@ -670,7 +670,7 @@ type : 'UI Module'
Templates
Templates
</h2>
</h2>
<p>These templates are used to generate the html structures for search results</p>
<p>These templates are used to generate the HTML structures for search results</p>
<div class="ui ignored info message">
<div class="ui ignored info message">
By specifying a search as <code>type: 'customType'</code>, and a custom template under <code>$.fn.search.settings.templates.customType</code> you can create custom search results. Keep in mind that <code>.title</code> will be used for matching results <code>onSelect</code>
By specifying a search as <code>type: 'customType'</code>, and a custom template under <code>$.fn.search.settings.templates.customType</code> you can create custom search results. Keep in mind that <code>.title</code> will be used for matching results <code>onSelect</code>
<td>Whether inline scripts in tab html should be parsed on tab load. Defaults to <code>once</code>, parsing only on first load. Can also be set to <code>true</code> or <code>false</code> to always parse or never parse inline scripts.</td>
<td>Whether inline scripts in tab HTML should be parsed on tab load. Defaults to <code>once</code>, parsing only on first load. Can also be set to <code>true</code> or <code>false</code> to always parse or never parse inline scripts.</td>
<p>To get started click <b>the paint can</b> icon next to the notification button in the top right</p>
<p>To get started click <b>the paint can</b> icon next to the notification button in the top right</p>
<p>The example project includes two html files, <code>index.html</code> is designed to swap themes using a sidebar, and uses precompiled CSS. <code>static.html</code> uses files outputted by Semantic UI and can be used alongside our <a href="/introduction/build-tools.html">gulp pipeline</a> to try modifying themes hands on.</p>
<p>The example project includes two HTML files, <code>index.html</code> is designed to swap themes using a sidebar, and uses precompiled CSS. <code>static.html</code> uses files outputted by Semantic UI and can be used alongside our <a href="/introduction/build-tools.html">gulp pipeline</a> to try modifying themes hands on.</p>
Zearin
9 years ago