EasyUI Forum
November 11, 2024, 04:09:25 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: Window after collapse  (Read 8332 times)
Wojak
Jr. Member
**
Posts: 62


View Profile WWW Email
« on: October 13, 2022, 02:25:23 AM »

Hi,
I am struggling with the problem that when I want to collapse a window, the background of the window remains, but the content collapses

Best regards
Logged
jarry
Administrator
Hero Member
*****
Posts: 2277


View Profile Email
« Reply #1 on: October 13, 2022, 07:32:39 PM »

Please show an example to demonstrate your issue.
Logged
Wojak
Jr. Member
**
Posts: 62


View Profile WWW Email
« Reply #2 on: October 13, 2022, 11:32:14 PM »

Code:
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Error window</title>
    <link rel="stylesheet" type="text/css" href="assets/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="assets/themes/icon.css">
    <script type="text/javascript" src="assets/jquery.min.js"></script>
    <script type="text/javascript" src="assets/jquery.easyui.min.js"></script>
</head>
<body>
    <div id="test-window-1" class="easyui-window" title="NORMAL" style="padding:0px;"></div>
    <div id="test-window-2" class="easyui-window" title="BUG" style="padding:0px;"></div>
    <div id="test-window-3" class="easyui-window" title="BUG" style="padding:0px;"></div>
   
    <script>
        $('.easyui-window').window({
            collapsible: true,
            minimizable: false,
            maximizable: false,
            closable: true,
            closed: true
        });

        $(function() {
            // Works fine
            $('#test-window-1').window({ height: '200px', width: '200px' });
            $('#test-window-1').window('vcenter');
            $('#test-window-1').window('open');

            // Bugged but after resize by user is working correctly
            $('#test-window-2').window({ height: '200px', width: '200px' });
            $('#test-window-2').window({ title: 'BUGGED' });
            $('#test-window-2').window('vcenter');
            $('#test-window-2').window('open');

            // Works fine with changed title
            $('#test-window-3').window({ title: 'NOT BUGGED' });
            $('#test-window-3').window({ height: '200px', width: '200px' });
            $('#test-window-3').window('vcenter');
            $('#test-window-3').window('open');
        });
    </script>
</body>
</html>
Logged
jarry
Administrator
Hero Member
*****
Posts: 2277


View Profile Email
« Reply #3 on: October 14, 2022, 12:56:38 AM »

Can't reprduce the issue as you described.

Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic Window - 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 id="test-window-1" class="easyui-window" title="NORMAL" style="padding:0px;"></div>
    <div id="test-window-2" class="easyui-window" title="BUG" style="padding:0px;"></div>
    <div id="test-window-3" class="easyui-window" title="BUG" style="padding:0px;"></div>
   
    <script>
        $('.easyui-window').window({
            collapsible: true,
            minimizable: false,
            maximizable: false,
            closable: true,
            closed: true
        });

        $(function() {
            // Works fine
            $('#test-window-1').window({ height: '200px', width: '200px' });
            $('#test-window-1').window('vcenter');
            $('#test-window-1').window('open');

            // Bugged but after resize by user is working correctly
            $('#test-window-2').window({ height: '200px', width: '200px' });
            $('#test-window-2').window({ title: 'BUGGED' });
            $('#test-window-2').window('vcenter');
            $('#test-window-2').window('open');

            // Works fine with changed title
            $('#test-window-3').window({ title: 'NOT BUGGED' });
            $('#test-window-3').window({ height: '200px', width: '200px' });
            $('#test-window-3').window('vcenter');
            $('#test-window-3').window('open');
        });
    </script>
</body>
</html>
Logged
Wojak
Jr. Member
**
Posts: 62


View Profile WWW Email
« Reply #4 on: October 14, 2022, 01:42:00 AM »

I keep getting the same error after using the code you provided
Logged
jarry
Administrator
Hero Member
*****
Posts: 2277


View Profile Email
« Reply #5 on: October 16, 2022, 05:55:42 AM »

Please try to update to the newest version.
Logged
Wojak
Jr. Member
**
Posts: 62


View Profile WWW Email
« Reply #6 on: October 17, 2022, 06:21:08 AM »

Fixed
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!