How to get panel height?

EasyUI Forum

May 02, 2024, 06:56:03 AM

Welcome, Guest. Please login or register.

News:

Home

Help

EasyUI Forum > General Category > EasyUI for jQuery > How to get panel height?

Pages: [1]

« previous next »

Author

Topic: How to get panel height? (Read 4063 times)

Aod47

Jr. Member

Posts: 83

How to get panel height?

« 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?


	Logged

jarry

Administrator
Hero Member

Posts: 2262

Re: How to get panel height?

« Reply #1 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.


	Logged

Aod47

Jr. Member

Posts: 83

Re: How to get panel height?

« Reply #2 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>


	Logged

jarry

Administrator
Hero Member

Posts: 2262

Re: How to get panel height?

« Reply #3 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>


	Logged

Aod47

Jr. Member

Posts: 83

Re: How to get panel height?

« Reply #4 on: July 02, 2019, 10:03:28 PM »

Thank you, Its work great! Grin


	Logged

Pages: [1]

« previous next »