Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

  • Scrollbars not showing initially on a TreeGrid within a Section Stack when using NativeScrollbar class

    v11.1p_2019-03-14/LGPL

    Have recently upgraded from v11.0p_2016-11-15/LGPL and noticed a problem with a vertical scrollbar not showing on a TreeGrid when that TreeGrid is embedded within a Section Stack. This is only when setting canvii to use NativeScrollbar.

    The problem can be seen using a modified version of the TreeGrid Show Titles v11.1 showcase example :

    https://www.smartclient.com/smartcli...?id=nodeTitles

    The following is the modified code to demonstrate the problem :

    isc.Canvas.addProperties({
    scrollbarConstructor: "NativeScrollbar"
    });

    isc.TreeGrid.create({
    ID: "employeeTree",
    width: 500,
    height: 400,
    dataSource: "employees",
    autoFetchData:true,
    nodeIcon:"icons/16/person.png",
    folderIcon:"icons/16/person.png",
    showOpenIcons:false,
    showDropIcons:false,
    closedIconSuffix:"",
    showSelectedIcons:true,
    showResizeBar: true,
    fields: [
    {name: "Name", formatCellValue: "record.Job+': '+value"}
    ],
    dataProperties:{
    dataArrived:function (parentNode) {
    this.openAll();
    }
    }
    });

    isc.SectionStack.create({
    ID: "sectionStack",
    visibilityMode: "multiple",
    width: 500, height: "100%",
    border:"1px solid blue",
    sections: [
    {title: "Employees", expanded: true, items: [ employeeTree ]}
    ]
    });

    If this is pasted into the code window and 'Try It' pressed the TreeGrid will be displayed populated but with no vertical scrollbar present. Move the resizebar slightly and the scrollbar will then correctly display.

    If the same code is tried in the equivalent v11.0 Showcase example :

    https://www.smartclient.com/smartcli...tml#nodeTitles

    the verticall scrollbar is displayed correctly on intially showing the TreeGrid.

    This problem is also present if the code is tried with the v12.1 Showcase example : https://www.smartclient.com/smartcli...?id=nodeTitles

    Could there be something I need to set differently? I've been unable to find any relevant solution within the forum at present.

    Best Regards,
    David.


  • #2
    Correct usage would be to set that property before *any* components are created. Can you reproduce the problem if you do that (in a standalone sample, not inside the Showcase?).

    Comment


    • #3
      Thanks for the response, I've been looking at this again and still seem to be having a problem. Have changed to using a plain ListGrid as that also demonstrates the inital missing scrollbar. The following is my standalone sample testcase which uses the countryData.js file from the SDK for data, running against the Enterprise skin and using Chrome v74.0.3729.131.

      <html>
      <head>
      <script type="text/javascript">var isomorphicDir = "/js/libs/smartclient/";</script>
      <link rel='stylesheet' type='text/css' href="/js/libs/smartclient/skins/Enterprise/skin_styles.css" />
      <script type="text/javascript" src="/js/libs/smartclient/system/modules-debug/isc_core.js"></script>
      <script type="text/javascript" src="/js/libs/smartclient/system/modules-debug/isc_foundation.js"></script>
      <script type="text/javascript" src="/js/libs/smartclient/system/modules-debug/isc_containers.js"></script>
      <script type="text/javascript" src="/js/libs/smartclient/system/modules-debug/isc_grids.js"></script>
      <script type="text/javascript" src="/js/libs/smartclient/system/modules-debug/isc_forms.js"></script>
      <script type="text/javascript" src="/js/libs/smartclient/system/modules-debug/isc_databinding.js"></script>
      <script type="text/javascript" src="/js/libs/smartclient/system/modules-debug/isc_richtexteditor.js"></script>
      <script type="text/javascript" src="/js/libs/smartclient/system/modules-debug/isc_drawing.js"></script>
      <script type="text/javascript" src="/js/libs/smartclient/skins/Enterprise/load_skin.js"></script>
      </head>
      <body>
      <script>
      isc.Canvas.addProperties({
      scrollbarConstructor: "NativeScrollbar"
      });

      isc.DataSource.create({
      ID: "countryDS",
      clientOnly: true,
      dataURL: "countryData.js",
      fields: [
      { name: "countryCode", type: "text", title: "Code", width: "125" },
      { name: "countryName", type: "text", title: "Country", width: "125" },
      { name: "capital", type: "text", title: "Capital", width: "150" },
      { name: "continent", type: "text", title: "Continent", width: "125" },
      { name: "government", type: "text", title: "Government", width: "175" },
      { name: "area", type: "integer", title: "Area", width: "125" }
      ]
      });

      var grid = isc.ListGrid.create({
      ID: "grid",
      dataSource: countryDS,
      width: "40%",
      height: "40%",
      autoFetchData: true
      });
      </script>
      </body>
      </html>

      I'm hoping you can run that without having to modify it too much. On initially running it the grid is displayed correctly with a horizontal scrollbar showing but the vertical scrollbar is missing. If you then just resize the browser the vertical scrollbar appears and works fine from that point on.

      Thanks for taking the time to look at this,
      David.

      Comment


      • #4
        Thanks for the test case David - we're seeing the problem and have a developer taking a look

        Regards
        Isomorphic Software

        Comment


        • #5
          We've made a change which should address this issue. Please try the next nightly build dated May 15 or above

          Regards
          Isomorphic Software

          Comment


          • #6
            Have tried the nightly build dated the 15th May and can confirm that the problem of the initial missing vertical scrollbar on ListGrids/TreeGrids has been resolved.

            Much appreciated.

            Thanks,
            David.

            Comment

            Working...
            X