@tullio0106
@tullio0106
Forum Replies Created
-
AuthorPosts
-
tullio0106Member
Tks for your help.
I tryed your suggestion and it works, however I’d like, if possible, to show the selected item not as a value but as an image.
Is it possible ?
Tkstullio0106MemberHere the testcase.
Try to change the position and You’ll get all problems.
<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<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>tullio0106MemberTks for Your help.
I did it and it works fine but I’ve a problem : setting the tooltip bottom, left, or top it appears truncated on the first field, setting the tooltip bottom, right, or top it appears truncated on the last field on the row.
Setting it absolute make impossible to acces to a checkbox.
How can I solve ?
Tkstullio0106MemberI did the same test using a trivial html page and I got the same result You received.
But in my complex environment I got the result I showed before.
I can’t figure where I can do a change because the textarea is not in my html but is generated from smart element.
In my code I use jquery (3.6.0) and jqueryui (1.12.), I don’t know it it could cause the problem.
Tks
tullio0106MemberHere the expanded HTML code
<smart-multiline-text-box id=”e1205162406″ class=”elemento_textarea_valore smart-element smart-multiline-text-box smart-drop-down-box” placeholder=”Insert value” horizontal-scroll-bar-visibility=”auto” vertical-scroll-bar-visibility=”auto” enter-key-behavior=”newLine” rows=”2″ value=”” name=”e1205162406″ drop-down-button-position=”right” drop-down-open-mode=”default” type=”textarea” role=”textbox” aria-multiline=”true” aria-describedby=”e1205162406Hint” aria-labelledby=”e1205162406Label”><div role=”presentation” smart-id=”container” class=”smart-container”>
<span class=”smart-label” smart-id=”label” id=”e1205162406Label”></span>
<div class=”smart-inner-container” role=”presentation” smart-id=”innerContainer”>
<textarea class=”smart-input” autocapitalize=”none” autocomplete=”off” cols=”20″ minlength=”0″ name=”e1205162406″ placeholder=”Insert value” rows=”4″ aria-label=”Insert value” smart-id=”input” id=”e1205162406Input” wrap=”soft”></textarea>
<smart-scroll-bar theme=”” animation=”advanced” orientation=”vertical” smart-id=”verticalScrollBar” class=”smart-element smart-scroll-bar” show-buttons=”” id=”scrollBar834c” role=”scrollbar” aria-orientation=”vertical” aria-valuemin=”0″ aria-valuemax=”1000″ aria-valuenow=”0″ aria-controls=”e1205162406Input”><div class=”smart-container” role=”presentation” smart-id=”container”>
<div class=”smart-scroll-button smart-arrow-up” role=”presentation” aria-hidden=”true” smart-id=”nearButton”></div>
<div class=”smart-track” role=”presentation” smart-id=”track”>
<div class=”smart-thumb” role=”presentation” smart-id=”thumb” style=”height: 39.0181px; top: 0px;”></div>
</div>
<div class=”smart-scroll-button smart-arrow-down” role=”presentation” aria-hidden=”true” smart-id=”farButton”></div>
</div></smart-scroll-bar>
<smart-scroll-bar theme=”” animation=”advanced” smart-id=”horizontalScrollBar” class=”smart-element smart-scroll-bar” show-buttons=”” id=”scrollBar43ec” role=”scrollbar” aria-orientation=”horizontal” aria-valuemin=”0″ aria-valuemax=”1000″ aria-valuenow=”0″ aria-controls=”e1205162406Input”><div class=”smart-container” role=”presentation” smart-id=”container”>
<div class=”smart-scroll-button smart-arrow-left” role=”presentation” aria-hidden=”true” smart-id=”nearButton”></div>
<div class=”smart-track” role=”presentation” smart-id=”track”>
<div class=”smart-thumb” role=”presentation” smart-id=”thumb” style=”width: 39.0181px; left: 0px;”></div>
</div>
<div class=”smart-scroll-button smart-arrow-right” role=”presentation” aria-hidden=”true” smart-id=”farButton”></div>
</div></smart-scroll-bar>
<div class=”smart-resize-element” aria-label=”Resize” smart-id=”resizeElement”></div>
<textarea class=”smart-text-box-hidden” autocapitalize=”none” autocomplete=”off” cols=”20″ inner-h-t-m-l=”” minlength=”0″ name=”e1205162406″ placeholder=”Insert value” rows=”4″ smart-id=”textBoxHidden” wrap=”soft”></textarea>
</div>
<span class=”smart-hidden smart-hint” smart-id=”hint” id=”e1205162406Hint”></span>
</div></smart-multiline-text-box><div class=”fullScreen”>tullio0106MemberHi
I retried, after version change, to see if the textarea height problem was resolved but still, using
<smart-multiline-text-box id=”e497880705″ class=”elemento_textarea_valore” placeholder=”Insert value” horizontal-scroll-bar-visibility=”auto” vertical-scroll-bar-visibility=”auto” enter-key-behavior=”newLine” rows=”2″ value=”” name=”e497880705″></smart-multiline-text-box>
it show large more or less 4 lines.
Looking to the generated textarea tag with the inspector it allways have rows=”4″.
Tkstullio0106MemberI also don’t understand the exact syntax I shoud use.
My actual tag is
<smart-text-box class=”elemento_testo_valore” value=”701-006-002″ name=”e66870406″ style=”flex:none; width:80%;” onchange=”mostraAlertMsgOption(this); eseguiRefresh(this);” onfocus=”on_focus(this)”></smart-text-box>
How shoud I change it ?
Tkstullio0106MemberSo is not possible to take it from another CSS class ?
Tkstullio0106MemberI get back to that problem.
With the previuous datasource I still have the problem : the image url is correct but it requests the imageurl plus the last “}” wich doesn’t exist.
It seems to be a bug.
Tkstullio0106MemberTks it seems to work but in that case I don’t get back the value of the check box in my form.
Tkstullio0106MemberThe test case
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CheckBox Overview</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-check-box id="checkBox" onclick="alert('Done');">Check Box</smart-check-box>
<!-- scripts -->
<script type="module" src="../../../source/modules/smart.checkbox.js"></script>
<script type="module" src="index.js"></script>
</body>
</html>
tullio0106MemberI just need to introduce simple numbers.
Is it possible in numeric input eliminate spinner buttons ?
I just need to intorduce numbers and avoid to intoduce non numeric characters.
Tkstullio0106MemberCould You explain me better the difference between Inputs and the equivalent “non input” components (e.g. NumberInput and NumericTextbox).
Tkstullio0106MemberCould You suggest a solution for mt problem ?
Tkstullio0106MemberTks for your help.
I’m not able to reproduce the proble in a simple environment.
However I noticed something strange.
Looging at the “real html” from firefox development tools I saw the <textarea> tag has a rows = 4
Changing it to 10 I get the required result, but I don’t know how this textarea tag is generated.
Tks
-
AuthorPosts