EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Aod47 on June 30, 2019, 03:14:05 AM



Title: How to get panel height?
Post by: Aod47 on June 30, 2019, 03:14:05 AM
I set panel fit = true.

I want to get panel's inner height for set height of textbox (with multi line).

Could you please advice?



Title: Re: How to get panel height?
Post by: jarry on June 30, 2019, 06:58:36 PM
You just need to set the 'height:100%' style for your textbox and it will have 100% height of its container.


Title: Re: How to get panel height?
Post by: Aod47 on July 01, 2019, 09:03:12 PM
Thank you,
but set style height 100% not work.

Code:
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Test Texbox Multiline Height 100%</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">
    <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/color.css">
    <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/demo/demo.css">
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
</head>
<body>
    <div style="width: 400px; height: 400px; padding: 10; border: 1px;">
        <div id="pNoteCkin" class="easyui-panel" title="Check-In Note" data-options="fit:true" style="background-color: #e8f0ff;">
            <form id="fNoteCkin" name="item_note_ckin" method="post">
                <input id="ttNoteCkin" name="ttNoteCkin" class="easyui-textbox" multiline="true" style="width:100%; height:100%;" />
            </form>
        </div>
    </div>
</body>
</html>




Title: Re: How to get panel height?
Post by: jarry on July 02, 2019, 07:03:32 PM
You should add 'height:100%' style to the <form>.
Code:
<form id="fNoteCkin" name="item_note_ckin" method="post" style="height:100%">   
    <input id="ttNoteCkin" name="ttNoteCkin" class="easyui-textbox" multiline="true" style="width:100%; height:100%;" />
</form>


Title: Re: How to get panel height?
Post by: Aod47 on July 02, 2019, 10:03:28 PM
Thank you, Its work great!  ;D