Title: Textbox side by side
Post by: jega on May 24, 2021, 10:31:48 AM
Hi.
I want these two textbox side by side, but with label pos top they are shown under each other
<input id="phone1" name="phone1" class="easyui-textbox" data-options="
label: 'Telefon',
labelPosition:'top',
width: '100px'">
<input id="phone2" name="phone2" class="easyui-textbox" data-options="
label: 'Telefon',
labelPosition:'top',
width: '100px'">
Any help
Title: Re: Textbox side by side
Post by: jarry on May 25, 2021, 01:21:57 AM
Please refer to this code. <div class="f-row">
<input id="phone1" name="phone1" class="easyui-textbox" data-options="
label: 'Telefon',
labelPosition:'top',
width: '100px'">
<input id="phone2" name="phone2" class="easyui-textbox" data-options="
label: 'Telefon',
labelPosition:'top',
width: '100px'">
</div>
Title: Re: Textbox side by side
Post by: jega on June 08, 2021, 02:36:08 PM
Hi Jarry Can't get it to work. Still under each other Just wrapped the 2 textbox inside the <div class="f-row"></div>. Is that all ?? Jesper
Title: Re: Textbox side by side
Post by: jarry on June 09, 2021, 02:31:21 AM
The code below works fine. <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic TextBox - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
</head>
<body>
<div class="f-row">
<div style="margin-right:10px">
<input id="phone1" name="phone1" class="easyui-textbox" data-options="
label: 'Telefon',
labelPosition:'top',
width: '100px'">
</div>
<div>
<input id="phone2" name="phone2" class="easyui-textbox" data-options="
label: 'Telefon',
labelPosition:'top',
width: '100px'">
</div>
</div>
</body>
</html>
|