JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Text Boxes & Inputs › Smart text box title class › Reply To: Smart text box title class

September 27, 2021 at 4:27 pm #102301
tullio0106
Member

Here the testcase.
Try to change the position and You’ll get all problems.
 
<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<title>List Box Images Demo</title>
<meta charset=”utf-8″ />
<meta http-equiv=”X-UA-Compatible” content=”IE=edge” />
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0″ />
<link rel=”stylesheet” type=”text/css” href=”../../../source/styles/smart.default.css” />
<link rel=”stylesheet” type=”text/css” href=”../../../styles/demos.css” />
<link rel=”stylesheet” type=”text/css” href=”styles.css” />
</head>
<body class=”viewport”>
<smart-drop-down-list selected-indexes=”[0]” selection-mode=”checkBox” id=”phoneBook”>
<smart-list-item><i class=”icon”></i>Andrew Watson</smart-list-item>
<smart-list-item><i class=”icon”></i>Anne Kean</smart-list-item>
<smart-list-item><i class=”icon”></i>Avril Janin</smart-list-item>
<smart-list-item><i class=”icon”></i>Janet Pattenson</smart-list-item>
<smart-list-item><i class=”icon”></i>Johanna Svensson</smart-list-item>
<smart-list-item><i class=”icon”></i>Johnny Abana</smart-list-item>
<smart-list-item><i class=”icon”></i>Laura Thene</smart-list-item>
<smart-list-item><i class=”icon”></i>Margaret Vetton</smart-list-item>
<smart-list-item><i class=”icon”></i>Maria Sevrano</smart-list-item>
<smart-list-item><i class=”icon”></i>Mark Yemen</smart-list-item>
<smart-list-item><i class=”icon”></i>Maya Verdara</smart-list-item>
<smart-list-item><i class=”icon”></i>Michael Barton</smart-list-item>
<smart-list-item><i class=”icon”></i>Monica Oghini</smart-list-item>
<smart-list-item><i class=”icon”></i>Nancy Queens</smart-list-item>
<smart-list-item><i class=”icon”></i>Robert Drawny</smart-list-item>
<smart-list-item><i class=”icon”></i>Steven Fedrichy</smart-list-item>
<smart-list-item><i class=”icon”></i>Toni Versachi</smart-list-item>
</smart-drop-down-list>
<smart-tooltip id=”tooltip” selector=”phoneBook” position=”bottom” arrow>La vispa teresa avea tra l’erbetta volando sorpresa gentil farfalletta</smart-tooltip>
<!– scripts –>
<script type=”module” src=”../../../source/modules/smart.dropdownlist.js”></script>
<script type=”module” src=”../../../source/modules/smart.tooltip.js”></script>
<script type=”module” src=”index.js”></script>
</body>
</html>