You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
2.1 KiB
91 lines
2.1 KiB
---
|
|
layout : 'default'
|
|
css : 'hotfix'
|
|
|
|
title : 'Test Page'
|
|
type : 'Library'
|
|
---
|
|
<%- @partial('header') %>
|
|
|
|
<!-- TEST JS HERE !-->
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('.button')
|
|
.popup({
|
|
on: 'click',
|
|
inline: true,
|
|
preserve: true
|
|
})
|
|
;
|
|
});
|
|
</script>
|
|
|
|
<!-- TEST CSS HERE !-->
|
|
<style type="text/css">
|
|
.wide.popup {
|
|
max-width: 500px;
|
|
padding: 0em;
|
|
}
|
|
</style>
|
|
|
|
|
|
<div class="main container">
|
|
|
|
<!-- TEST HTML HERE !-->
|
|
<div class="ui button">Trigger Popup</div>
|
|
<div class="ui popup">
|
|
<div class="header">Hello World</div>
|
|
<div class="content">My custom content</div>
|
|
</div>
|
|
|
|
<div class="ui button">Trigger Wide Popup</div>
|
|
<div class="ui wide popup">
|
|
<div class="ui four column center aligned divided grid">
|
|
<div class="column">
|
|
<div class="ui selection list">
|
|
<a class="item">1</a>
|
|
<a class="item">2</a>
|
|
<a class="item">3</a>
|
|
<a class="item">4</a>
|
|
<a class="item">5</a>
|
|
<a class="item">6</a>
|
|
<a class="item">7</a>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="ui selection list">
|
|
<a class="item">1</a>
|
|
<a class="item">2</a>
|
|
<a class="item">3</a>
|
|
<a class="item">4</a>
|
|
<a class="item">5</a>
|
|
<a class="item">6</a>
|
|
<a class="item">7</a>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="ui selection list">
|
|
<a class="item">1</a>
|
|
<a class="item">2</a>
|
|
<a class="item">3</a>
|
|
<a class="item">4</a>
|
|
<a class="item">5</a>
|
|
<a class="item">6</a>
|
|
<a class="item">7</a>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="ui selection list">
|
|
<a class="item">1</a>
|
|
<a class="item">2</a>
|
|
<a class="item">3</a>
|
|
<a class="item">4</a>
|
|
<a class="item">5</a>
|
|
<a class="item">6</a>
|
|
<a class="item">7</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|