lukechilds
/
Semantic-UI-Docs
mirror of https://github.com/lukechilds/Semantic-UI-Docs.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Update docs

avalanche1-patch-2
Jack Lukic 9 years ago
parent
c5af407b02
commit
39aa2eedec
3 changed files with 121 additions and 31 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 34
      server/documents/hotfix.html.eco
  2. 46
      server/documents/modules/dropdown.html.eco
  3. 72
      server/documents/modules/sticky.html.eco

34
server/documents/hotfix.html.eco
View File

@ -7,28 +7,28 @@ title : 'Test Page'
type : 'Library'
---
<div class="ui container">
<div class="ui fluid search selection dropdown">
<input type="hidden" name="language">
<i class="dropdown icon"></i>
<div class="default text">Select language</div>
<div class="menu">
<div class="item" data-value="gb"><i class="gb flag"></i>English</div>
<div class="item" data-value="es"><i class="es flag"></i>Spanish</div>
</div>
</div>
</div>
</body>
<!-- TEST JS HERE !-->
<script>
$(document).ready(function() {
$('.menu .item').tab({
auto: true
});
$('.ui.dropdown').dropdown();
});
</script>
<!-- TEST CSS HERE !-->
<style type="text/css">
</style>
<div class="ui container" style="padding-top: 2em;">
<div class="ui menu">
<a class="item" data-tab="profile.php?student=2027">Basic Profile</a>
</div>
<div class="ui bottom attached tab segment" data-tab="profile.php?student=2027">
</div>
</div>
</body>
body > .ui.container:first-child {
margin-top: 5em;
}
</style>

46
server/documents/modules/dropdown.html.eco
View File

@ -1406,7 +1406,7 @@ themes : ['Default', 'Material']
<div class="restore dropdown example">
<h4 class="ui header">Restoring Defaults</h4>
<p>You can restore a dropdown to its value set on page load</p>
<p>You can restore a dropdown to its value set on page load using the <code>restore defaults</code> behavior. If no default text is set on load, restore defaults will restore placeholder text</p>
<div class="ui multiple selection dropdown">
<input name="gender" type="hidden" value="default,default2" />
<i class="dropdown icon"></i>
@ -1417,21 +1417,31 @@ themes : ['Default', 'Material']
<div class="item" data-value="default">Default Value</div>
<div class="item" data-value="default2">Second Default</div>
</div>
</div>
<div class="ui divider"></div>
<div class="ui selection dropdown">
<input name="gender" type="hidden" value="default" />
<i class="dropdown icon"></i>
<div class="default text">Select a value</div>
<div class="menu">
<div class="item" data-value="0">Value</div>
<div class="item" data-value="1">Another Value</div>
</div>
</div>
<div class="ui divider"></div>
<div class="ui selection dropdown">
<input name="gender" type="hidden" value="default" />
<i class="dropdown icon"></i>
<div class="default text">Default</div>
<div class="text">Default Value</div>
<div class="menu">
<div class="item" data-value="0">Value</div>
<div class="item" data-value="1">Another Value</div>
<div class="item" data-value="default">Default Value</div>
</div>
</div>
<div class="ui button">
Restore
<div class="ui divider"></div>
<div class="ui primary button">
Restore All Dropdowns
</div>
<div class="evaluated code" data-type="javascript">
$('.restore.example .button')
@ -2029,17 +2039,17 @@ themes : ['Default', 'Material']
<td>activate (Default)</td>
<td>Selects current item, adjusts dropdown value and changes dropdown text</td>
</tr>
<tr>
<td>select</td>
<td>Selects current item from menu but does not change dropdown text</td>
</tr>
<tr>
<td>combo</td>
<td>Same as activate, but updates previous elements text instead of self</td>
</tr>
<tr>
<td>select</td>
<td>Selects current item from menu and stores value, but does not change dropdown text</td>
</tr>
<tr>
<td>hide</td>
<td>Hides the dropdown menu but does nothing</td>
<td>Hides the dropdown menu and stores value, but does not change text</td>
</tr>
<tr>
<td>function(text, value){}</td>
@ -2195,7 +2205,7 @@ themes : ['Default', 'Material']
<td>Unbinds document intent click</td>
</tr>
<tr>
<td>determine intent</td>
<td>determine intent</td>
<td>Returns whether event occurred inside dropdown</td>
</tr>
<tr>
@ -2232,6 +2242,14 @@ themes : ['Default', 'Material']
<td>is hidden</td>
<td>Returns whether dropdown is hidden</td>
</tr>
<tr>
<td>get default text</td>
<td>Returns dropdown value as set on page load</td>
</tr>
<tr>
<td>get placeholder text</td>
<td>Returns placeholder text</td>
</tr>
</tbody>
</table>
</div>
@ -2565,12 +2583,12 @@ themes : ['Default', 'Material']
<tr>
<td>onShow</td>
<td>Dropdown</td>
<td>Is called after a dropdown is shown.</td>
<td>Is called before a dropdown is shown. If <code>false</code> is returned, dropdown will not be shown.</td>
</tr>
<tr>
<td>onHide</td>
<td>Dropdown</td>
<td>Is called after a dropdown is hidden.</td>
<td>Is called before a dropdown is hidden. If <code>false</code> is returned, dropdown will not be hidden.</td>
</tr>
</tbody>
</table>

72
server/documents/modules/sticky.html.eco
View File

@ -272,6 +272,72 @@ type : 'UI Module'
</div>
</div>
</div>
<div class="item">
<div class="ui tiny image">
<img src="/images/wireframe/image.png">
</div>
<div class="middle aligned content">
<a class="header">Followup Article</a>
<div class="meta">
<span class="author">By <a>Author</a></span>
</div>
</div>
</div>
<div class="item">
<div class="ui tiny image">
<img src="/images/wireframe/image.png">
</div>
<div class="middle aligned content">
<a class="header">Followup Article</a>
<div class="meta">
<span class="author">By <a>Author</a></span>
</div>
</div>
</div>
<div class="item">
<div class="ui tiny image">
<img src="/images/wireframe/image.png">
</div>
<div class="middle aligned content">
<a class="header">Followup Article</a>
<div class="meta">
<span class="author">By <a>Author</a></span>
</div>
</div>
</div>
<div class="item">
<div class="ui tiny image">
<img src="/images/wireframe/image.png">
</div>
<div class="middle aligned content">
<a class="header">Followup Article</a>
<div class="meta">
<span class="author">By <a>Author</a></span>
</div>
</div>
</div>
<div class="item">
<div class="ui tiny image">
<img src="/images/wireframe/image.png">
</div>
<div class="middle aligned content">
<a class="header">Followup Article</a>
<div class="meta">
<span class="author">By <a>Author</a></span>
</div>
</div>
</div>
<div class="item">
<div class="ui tiny image">
<img src="/images/wireframe/image.png">
</div>
<div class="middle aligned content">
<a class="header">Followup Article</a>
<div class="meta">
<span class="author">By <a>Author</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
@ -290,6 +356,12 @@ type : 'UI Module'
<img class="ui wireframe paragraph image" src="/images/wireframe/paragraph.png">
<img class="ui wireframe paragraph image" src="/images/wireframe/paragraph.png">
<img class="ui wireframe paragraph image" src="/images/wireframe/paragraph.png">
<img class="ui wireframe paragraph image" src="/images/wireframe/paragraph.png">
<img class="ui wireframe paragraph image" src="/images/wireframe/paragraph.png">
<img class="ui wireframe paragraph image" src="/images/wireframe/paragraph.png">
<img class="ui wireframe paragraph image" src="/images/wireframe/paragraph.png">
<img class="ui wireframe paragraph image" src="/images/wireframe/paragraph.png">
<img class="ui wireframe paragraph image" src="/images/wireframe/paragraph.png">
</div>
</div>

Write Preview
Loading…
Cancel
Save