1 module source.uim.bootstrap.bs5.demos.helpers.texttruncation; 2 3 import uim.bootstrap; 4 5 static this() { 6 demoBS5.pages("basic/helpers/texttruncation", new class DH5AppPage { 7 this() { 8 super(); 9 this 10 .created(DateTime(2020, 12, 20, 10, 10, 0)) 11 .changed(timeLastModified(__FILE_FULL_PATH__)) 12 .parameters([ 13 "pageTitle": "Text Truncation - Bootstrap 5 Demo", 14 ]); 15 } 16 17 override string content() { 18 return 19 H5Main(["style":"margin-top:70px;"], 20 H5Div(["container-fluid", "mt-3", "bg-light"], 21 bs5Breadcrumbs(["/", "/demos", "/demos/uim-bootstrap", "/demos/uim-bootstrap/5/", "/demos/uim-bootstrap/5/basic/", "/demos/uim-bootstrap/5/basic/helpers"], 22 ["UI Manufaktur", "Demos", "uim-bootstrap", "Bootstrap 5", "Basic", "Helpers"], "Text Truncation")), 23 24 BS5Container(["mt-3"]).row( 25 H5Div(["col-12", "col-lg-2"], 26 listLevels("basic"), 27 listAreas("basic", "helpers"), 28 listSections("basic", "helpers", "texttruncation")), 29 H5Div(["col-12", "col-lg-8"], 30 dateInfo(this), 31 H5H2(["display-4"], "Text Truncation"), 32 H5Hr, 33 34 ), 35 H5Div(["col-12", "col-lg-2"]))).toString; 36 } 37 }); 38 } 39 40 /* 41 H5Div(["container mt-3"] 42 H5Div(["row"] 43 H5Div(["col-12 col-lg-2"] 44 ) 45 H5Div(["col-12 col-lg-8"] 46 <h2 ["component display-4"]Text Truncation</h2> 47 <hr> 48 49 H5Div(["mb-5"] 50 H5Div( 51 H5H5(["text-muted", "mt-3"], "Block") 52 H5P(["text-truncate"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien mi, eleifend at arcu ac, ullamcorper ultricies tortor. Aliquam sit amet pellentesque dui.") 53 H5H5(["text-muted", "mt-3"], "Inline-block") 54 H5Span(["text-truncate d-inline-block w-100"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien mi, eleifend at arcu ac, ullamcorper ultricies tortor. Aliquam sit amet pellentesque dui.") 55 ) 56 ) 57 58 ) 59 ) 60 ) 61 </main> 62 `; 63 } 64 }); 65 } */