Announcement

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

    RadioGroup in ToolStrip render issue

    SmartClient v8.3p_2013-01-23/LGPL

    RadioGroup doesn't render correctly in ToolStrip (see pic1, height of toolstrip was stretched) in both FF18 and IE9. Here is the code to reproduce it:

    Code:
    <body style="background-color:#6699cc">
    <script type="text/javascript">
    isc.ToolStrip.create({
      ID:"test_ts",
      layoutMargin: 1,
      members: [
        isc.IButton.create({
          title: "New",
          icon: "/icons/silk/add.png",
          width: 100
        }),
        "separator",
        isc.DynamicForm.create({
          fields: [{
            name: "my_status",
            type: "radioGroup",
            vertical: false,
            showTitle: false,
            valueMap: { "ALL":"All", "NEW":"New", "CLOSED":"Closed" }
          }]
        }),
        "separator",
        isc.IButton.create({
          title: "Broadcast",
          icon: "/icons/silk/bell.png",
          width: 100
        })
      ]
    });
    test_ts.draw();
    </script>
    </body>
    After removed RadioGroup, it looks normal (see pic2) with following:
    Code:
    <body style="background-color:#6699cc">
    <script type="text/javascript">
    isc.ToolStrip.create({
      ID:"test_ts",
      layoutMargin: 1,
      members: [
        isc.IButton.create({
          title: "New",
          icon: "/icons/silk/add.png",
          width: 100
        }),
        "separator",
        isc.IButton.create({
          title: "Broadcast",
          icon: "/icons/silk/bell.png",
          width: 100
        })
      ]
    });
    test_ts.draw();
    </script>
    </body>
    It looks the height of RadioGroup was miscalculated.
    Attached Files

    #2
    Set a height on the DynamicForm, it's default height is taller than a ToolStrip.

    Comment


      #3
      I added height to both dynamicform and radiogroup but it has no impact:
      Code:
          isc.DynamicForm.create({
            height: 30,
            fields: [{
              name: "my_status",
              type: "radioGroup",
              height: 30,
              vertical: false,
              showTitle: false,
              valueMap: { "ALL":"All", "NEW":"New", "CLOSED":"Closed" }
            }]
          }),
      If the item is not RadioGroup, e.g., Text, the display looks fine.

      Comment


        #4
        Odd - we're not reproducing this issue.
        Can you try with the latest nightly build and let us know if it persists.
        If so can you show us the complete HTML page. It looks like you've included most of it in your original post, but we want to be sure we see anything that we might have different on our end (doctype, skin, stylesheets, etc)

        Regards
        Isomorphic Softwre

        Comment


          #5
          It looks fixed in 2013-01-25 build. Even better, I don't need to explicitly give height to DynamicForm or the formItem.

          Here is the code I used to test.

          Code:
          <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
          <head>
          <meta http-equiv="content-type" content="text/html; charset=utf-8" />
          <script type="text/javascript">
          window.isc_useSimpleNames = false;
          var isomorphicDir="/lib/isomorphic-20130125/";
          </script>
          <script type="text/javascript" src="/lib/isomorphic-20130125/system/modules/ISC_Core.js"></script>
          <script type="text/javascript" src="/lib/isomorphic-20130125/system/modules/ISC_Foundation.js"></script>
          <script type="text/javascript" src="/lib/isomorphic-20130125/system/modules/ISC_Containers.js"></script>
          <script type="text/javascript" src="/lib/isomorphic-20130125/system/modules/ISC_Grids.js"></script>
          <script type="text/javascript" src="/lib/isomorphic-20130125/system/modules/ISC_Forms.js"></script>
          <script type="text/javascript" src="/lib/isomorphic-20130125/system/modules/ISC_DataBinding.js"></script>
          <script type="text/javascript" src="/lib/isomorphic-20130125/skins/TreeFrog/load_skin.js"></script>
          </head>
          <body style="background-color:#6699cc">
          <script type="text/javascript">
          isc.ToolStrip.create({
            ID:"test_ts",
            layoutMargin: 1,
            members: [
              isc.IButton.create({
                title: "New",
                icon: "/icons/silk/add.png",
                width: 100
              }),
              "separator",
              isc.DynamicForm.create({
                fields: [{
                  name: "my_status",
                  type: "radioGroup",
                  vertical: false,
                  showTitle: false,
                  valueMap: { "ALL":"All", "NEW":"New", "CLOSED":"Closed" }
                }]
              }),
              "separator",
              isc.IButton.create({
                title: "Broadcast",
                icon: "/icons/silk/bell.png",
                width: 100
              })
            ]
          });
          test_ts.draw();
          </script>
          </body>
          </html>
          The 2013-01-23 build didn't render correctly but 2013-01-25 does. Thanks for the fix.

          Comment

          Working...
          X