Announcement

Collapse
No announcement yet.
X
Collapse
  • Page of 1
  • Filter
  • Time
Clear All
new posts
Previous template Next
    #1

    ListGrid columns resizing problem on firefox

    Hi,

    I have a problem with columns resizing of ListGrid in firefox, when borders are used.
    - the area where you can start resizing by drag&drop is misplaced. It is not on the border between two columns but it's placed more to the right
    - the dragged line showing the new column size is shown wrongly

    See the attached picture.

    I found it in SmartGWT 2.4. But it can be reproduced in SmartClient too.

    Use following XML to reproduce it. (modified sample form ListGrid reference documentation)

    Code:
    <ListGrid width="400" border="20px solid red">
    <fields>
        <field name="itemName" title="Item" type="text"/>
        <field name="unitCost" title="Unit Cost" type="number"/>
    </fields>
    <data>
        <supplyItem itemName="17'' LCD Monitor" unitCost="330"/>
        <supplyItem itemName="Dr. Grip Pens - Black" unitCost="4.99"/>
    </data>
</ListGrid>
    Problem occurs in firefox5. In IE9 it works correctly.

    Is there any solution for this problem?
    I need to set some borders to ListGrid.

    Thanks for any help.

    Svatya
    Attached Files
    Tags: None
    #2
    Not reproducible in FF5. You may have external CSS (see FAQ).

    Comment

      #3
      I can reproduce it directly on your web pages:

      http://www.smartclient.com/docs/8.0/...lass..ListGrid

      I only changed the XML of the ListGrid example and "try-ed" it.

      Comment

        #4
        That's a very specialized environment. Try it standalone (like a real app) and it's fine.

        Comment

          #5
          I tried it on pure SmartClient
          Version: SC_SNAPSHOT-2011-01-06/LGPL Development Only (built 2011-01-06)

          I modified "tamplates/SmartClient_JS_page_template.html" from the unzipped SDK.

          I still have the problem :(

          Standalone code:
          Code:
          <HTML><HEAD>
    <SCRIPT>var isomorphicDir="../isomorphic/";</SCRIPT>
    <SCRIPT SRC=../isomorphic/system/modules/ISC_Core.js></SCRIPT>
    <SCRIPT SRC=../isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
    <SCRIPT SRC=../isomorphic/system/modules/ISC_Containers.js></SCRIPT>
    <SCRIPT SRC=../isomorphic/system/modules/ISC_Grids.js></SCRIPT>
    <SCRIPT SRC=../isomorphic/system/modules/ISC_Forms.js></SCRIPT>
    <SCRIPT SRC=../isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
    <SCRIPT SRC=../isomorphic/skins/TreeFrog/load_skin.js></SCRIPT>
</HEAD><BODY>
<SCRIPT>

countryData = [
{
    continent:"Asia",
    countryName:"Indonesia",
    countryCode:"ID",
    area:1919440,
    population:245452739,
    gdp:865.6,
    independence:new Date(1945,7,17),
    government:"republic",
    government_desc:5,
    capital:"Jakarta",
    member_g8:false,
    article:"http://en.wikipedia.org/wiki/Indonesia"
}
]


isc.ListGrid.create({
    ID: "countryList",
    width:500, height:224, alternateRecordStyles:true,border:"20px solid red",
    data: countryData,
    fields:[
        {name:"countryCode", title:"Flag", width:50, type:"image", imageURLPrefix:"flags/16/", imageURLSuffix:".png"},
        {name:"countryName", title:"Country"},
        {name:"capital", title:"Capital"},
        {name:"continent", title:"Continent"}
    ],
    canResizeFields: true
})

</SCRIPT>
</BODY></HTML>

          Comment

            #6
            This may be due to some browser extension interfering with normal operation. You could also try a nightly build (smartclient.com/builds) as technically FF5 was released after 8.0.

            Comment

              #7
              It works fine using nightly build.
              I'll wait for official release.

              Thanks for you quick reactions.


              Best regards,
              Svatya

              Comment

              Previous template Next
              Working...
              X