You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by hn...@apache.org on 2017/10/26 09:24:39 UTC

[myfaces-tobago] branch master updated: improve demo * add an example for a tc:box with scrollable content

This is an automated email from the ASF dual-hosted git repository.

hnoeth pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git


The following commit(s) were added to refs/heads/master by this push:
     new 3399282  improve demo * add an example for a tc:box with scrollable content
3399282 is described below

commit 3399282b978b87bca291c7ab0c83507122b33de3
Author: Henning Noeth <hn...@apache.org>
AuthorDate: Thu Oct 26 11:05:51 2017 +0200

    improve demo
    * add an example for a tc:box with scrollable content
---
 .../webapp/content/20-component/050-container/10-box/box.xhtml   | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/050-container/10-box/box.xhtml b/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/050-container/10-box/box.xhtml
index 4d8d08a..d9e9abb 100644
--- a/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/050-container/10-box/box.xhtml
+++ b/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/050-container/10-box/box.xhtml
@@ -40,6 +40,15 @@
       Title set by <code class="language-markup">&lt;f:facet name="label"></code>.
     </tc:box>
     <tc:box id="noTitleBox">Contentbox without a title.</tc:box>
+    <tc:box label="Scrollable box">
+      <tc:style customClass="scrollableBox"/>
+      <tc:style overflowY="scroll" height="100px" selector=".scrollableBox .card-body"/>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer accumsan libero orci, vel lacinia nibh
+        tincidunt nec. Praesent in euismod eros. Phasellus suscipit purus nisl, et posuere dolor iaculis at. Vivamus
+        fringilla risus tellus, at sollicitudin nunc egestas at. Nullam hendrerit augue id nibh pharetra maximus.
+        Vivamus eu turpis ut ligula euismod accumsan et eget lectus. Aenean ornare elit nisl, vitae bibendum dolor
+        egestas varius. Fusce euismod leo at tristique auctor. Donec eget luctus dui.</p>
+    </tc:box>
   </tc:section>
 
   <tc:section label="Collapse/Expand">

-- 
To stop receiving notification emails like this one, please contact
['"commits@myfaces.apache.org" <co...@myfaces.apache.org>'].