EasyUI Forum
April 29, 2024, 08:48:14 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: linkbutton resize when .show()  (Read 4237 times)
Aod47
Jr. Member
**
Posts: 81


View Profile
« on: January 28, 2019, 05:19:05 AM »

With test case linkbutton size no problem Huh
I don't know why it happen.

Could you please advice how to force button height with css?

Code:
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Basic LinkButton - 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">
    <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 id="biblayout" class="easyui-layout" data-options="fit:true">
    <div data-options="region:'center'">
        Bla bla bla .....
    </div>
    <div data-options="region:'south',border:true" style="height:48px;text-align:center;padding-top:5px;padding-bottom:5px;border-top:solid 1px #95b8e7;background-color:#eef4ff;">
    <table width="100%" border="0">
    <tr>
    <td width="45%" align="left">
    <a id="BtnShow" class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="javascript:void(0)" onclick="showHiddenBtn();">Show Hidden Button</a>
    </td>
    <td width="10%" align="center">
    &nbsp;
    </td>
    <td width="45%" align="right">
    <a id="BtnAdd" class="easyui-linkbutton" data-options="iconCls:'icon-add'" style="width:80px">Add</a>
                        <a id="BtnPrint" class="easyui-linkbutton" data-options="iconCls:'icon-print'" style="width:80px">Print</a>
                        <a id="BtnReload" class="easyui-linkbutton" data-options="iconCls:'icon-reload'" style="width:80px">Reload</a>
                        <a id="BtnHelp" class="easyui-linkbutton" data-options="iconCls:'icon-help'" style="width:80px">Help</a>
    </td>
    </tr>
    </table>
    </div>
    </div>   
    <script type="text/javascript">
        function showHiddenBtn() {
            $('#BtnReload').show();
            $('#BtnHelp').show();
        }
       
        $(document).ready(function() {
        $('#BtnReload').hide();
        $('#BtnHelp').hide();
});
    </script>
</body>
</html>



Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!