Print Page - Elements position when opening

Title: Elements position when opening
Post by: Fabrice on February 23, 2015, 01:01:32 AM

I have an application with many layouts in main window, some layout contains images,

At first opening of the browser, images are not at there positions (images at bottom is at top) during few secondes and after they go to there good position.

I thinks it's because at begening library is not initialized but what can i do to hide this step?

Title: Re: Elements position when opening
Post by: stworthy on February 23, 2015, 06:43:47 PM

You can set the 'href' property to delay loading the panel's content.

Code:

<div class="easyui-layout" style="width:700px;height:350px;">
  <div data-options="region:'north'" style="height:50px"></div>
  <div data-options="region:'center',href:'_content.html'"></div>
</div>

Another way to solve this issue is to hide the special elements util all the components are parsed completely.

Code:

<body style="visibility:hidden">
...
</body>
<script type="text/javascript">
  $.parser.onComplete = function(context){
    $('body').css('visibility','visible');
  }
</script>

Title: Re: Elements position when opening
Post by: Fabrice on February 26, 2015, 02:13:06 AM

Thank's for the second solution, that's perfect !

EasyUI Forum

General Category => General Discussion => Topic started by: Fabrice on February 23, 2015, 01:01:32 AM