jQWidgets Forums

Forum Replies Created

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • Hi Mariya,

    Sorry for the delay. If you look at the demos/jqxdockpanel/defaultfunctionality.html in your current release, and change its document.ready function to the following, you’ll see what i’m talking about:

    $(document).ready(function () {
    // Create jqxDockPanel
    var theme = $.data(document.body, ‘theme’);
    if (theme == null || theme == undefined) theme = ”;
    var panel = $(“#jqxDockPanel”);
    panel.remove();
    $(“#jqxDockPanel”).jqxDockPanel({ width: 300, height: 210, theme: theme });
    panel.prependTo($(“#jqxWidget”));

    It appears that elements require to be part of the visible element tree in order for the jqxWidget extension methods to work as expected. If you can imagine using a templated mvvm framework such as Knockout (or Durandal, in my case), you can see where this might cause problems, as script is being executed when a file loads, but the elements that the script is executing against haven’t necessarily been appended to the visual element tree when this occurs.

    Hope this helps,
    Michael

    in reply to: height:100% doesn't work :( height:100% doesn't work :( #15009

    Thank you for your reply, Peter. I was actually able to work around this by explicitly setting height:100% on the div that acts as the DockPanel.

Viewing 2 posts - 1 through 2 (of 2 total)