EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: MSAG on January 21, 2022, 05:32:04 PM



Title: dialog in desktop have problem in Header and tools
Post by: MSAG on January 21, 2022, 05:32:04 PM
Hi
when i put tag of dialog in side tag body
tools of dialog not visible if i use ext desktop

but in all others case it is work good

plz can you fix it in this case



   <div class="easyui-dialog" title="Title" style="width:75%;max-height:75%;padding-bottom:10px" data-options="closable:false,minimizable:true,modal:false,iconCls:'pagination-loading'">
      any text
      <br>
      any text
      <br>
      any text
      <br>
      any text
      <br>
      any text
      <br>
      any text
      <br>
   </div>



Title: Re: dialog in desktop have problem in Header and tools
Post by: jarry on January 23, 2022, 08:42:54 PM
Please separate the desktop component from the dialog component.
Code:
<style type="text/css">
html,body{
margin: 0;
padding: 0;
height: 100%;
}
</style>
$(function(){
$('#desktop').desktop({
//...
})
})
Code:
<body>
<div id="desktop" style="height:100%"></div>
<div class="easyui-dialog" title="Title" style="width:75%;max-height:75%;padding-bottom:10px" data-options="closable:false,minimizable:true,modal:false,iconCls:'pagination-loading'">
      any text
      <br>
      any text
      <br>
      any text
      <br>
      any text
      <br>
      any text
      <br>
      any text
      <br>
   </div>
</body>


Title: Re: dialog in desktop have problem in Header and tools
Post by: MSAG on January 25, 2022, 06:35:39 PM
Thanks
it's work