Announcement

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

    Listgrid auto fit width issue only IE browsers

    Hi,

    I have a listgrid configured as below to enable scroll bars if any item width is larger than the list width, this works fine in other browsers but not in IE, in IE last three characters of lengthiest item are replaced with three dots "..." only if the value length is more than 70 characters.

    Even if the largest value is say 100 characters, it shows 97 followed by three dots within scroller. Is there any fix for this behaviour for IE?

    Code:
                setWidth(200);
                setHeight(250);
                setShowEdges(true);
                setShowHeader(false);
                setLeaveScrollbarGap(false);
                setBodyOverflow(Overflow.AUTO);
                setOverflow(Overflow.VISIBLE);
                setCanReorderRecords(true);
                setCanAcceptDroppedRecords(true);
                setCanDragRecordsOut(true);
    
                ListGridField partIdField = new ListGridField(idAttribute);
                partIdField.setHidden(true);
                ListGridField partNameField = new ListGridField(valueAttribute);
                partNameField.setAutoFitWidth(true);
                setAutoFitFieldWidths(true);
                setAutoFitExpandField(partNameField.getName());
                setAutoFitFieldsFillViewport(true);
                setFields(partIdField, partNameField);
                setSortDirection(SortDirection.ASCENDING);
                setSortField(1);
    Thanks.

    #2
    Remember to always post your full version (with date stamp) and make you have tested against the latest available patched build from smartclient.com/builds.

    Also specify the actual version of IE (eg IE9 not just "IE").

    Finally, make sure you are using the correct DOCTYPE - see FAQ.

    Comment


      #3
      Hi, we are using this gwt version
      Code:
              <gwtVersion>2.5.1</gwtVersion>
              <smartGwtVersion>4.0p-2013-12-23</smartGwtVersion>
      We cant test same on latest available patch as our application is live and it needs comprehensive regression testing of all functionality.

      And this is the doctype we using.
      Code:
      <!DOCTYPE html>
      We have observed this issue in IE9 and IE11.

      Thanks.

      Comment


        #4
        A quick workaround here would be to modify your css styles in your skin to remove the 'text-overflow:ellipses' on the .cell and .tallCell styles (and suffixed equivalent versions), or if you want to keep that behavior for most grids but just avoid this issue for your specific grid, modify the specified cellStyle on that grid to a style you define yourself which doesn't specify ellipses text-overflow.

        In terms of looking into this as a framework issue - we'd only be able to address this through a framework change which would require a patch-build update so this would be something to revisit (if it is still an issue for you) when you are in a position to update your framework version.

        Regards
        Isomorphic Software

        Comment


          #5
          Thanks, as per your suggestion I have added this in our custom css class and this fixed the issue. hopefully 'clip' text-overflow wont be a problem elsewhere.

          Code:
           
          .cell,
          .cellDark,
          .cellOver,
          .cellOverDark,
          .cellSelected,
          .cellSelectedDark,
          .cellSelectedOver,
          .cellSelectedOverDark,
          .cellDisabled,
          .cellDisabledDark {
              text-overflow: clip !important;
          }

          Comment

          Working...
          X