Announcement

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

    How to achieve smoother fonts in smartgwt?

    The fonts that appear on smartgwt components are not smooth when I enlarge my page.
    Why does this happen? How can get anti-aliased fonts?

    I using smartgwt2.4 and IE8

    #2
    Please elaborate "enlarge my page". If you mean resize, this should not be happening and doesn't happen in samples. If you mean some kind of zoom tool, it sounds like the zoom tool is just enlarging pixels.

    Comment


      #3
      Yes. I mean zoom.
      I zoom in IE and notice the rough fonts.
      I will try to reproduce in samples and let you know.

      Comment


        #4
        The unsmooth text were noticeable copying the screen and loading it in Paint.
        However, I now notice that including the following script in my load_skin.js causes the fonts in grid to be smoother and I am able to achieve anti-aliasing:

        Code:
            if(isc.Browser.isIE && isc.Browser.version >= 7) {
                isc.Canvas.setAllowExternalFilters(false);
                isc.Canvas.setNeverUseFilters(true);
                if(isc.Window) {
                  isc.Window.addProperties({
                        modalMaskOpacity:null,
                        modalMaskStyle:"normal"
                    });
                    isc.Window.changeDefaults("modalMaskDefaults", { src : "[SKIN]opacity.png" });
                }
            }

        Why was this added for 2.4?
        How will this affect image (pickers particularly) display/behavior?
        What’s the purpose of modalMaskOpacity & modalMaskStyle?

        Comment


          #5
          Each of these properties appears in the docs, and there is an overview here.

          Comment

          Working...
          X