Loading ...
Sorry, an error occurred while loading the content.

setting layout panel sizes based on browser and font

Expand Messages
  • ozgursusoy
    hi all, couldn t find any posts on this but i imagine its something anyone using layout manager would have to deal with; how do you guys set the sizes, padding
    Message 1 of 2 , Jul 1, 2008
    • 0 Attachment
      hi all,

      couldn't find any posts on this but i imagine its something anyone
      using layout manager would have to deal with;

      how do you guys set the sizes, padding etc of layout units based on
      browser and font sizes? for example, if we have a layout unit
      containing buttons, its not very useful to set an absolute height for
      that panel as the size of the buttons would change depending on font
      size. also if there's a browser resize, the buttons can be 'squished'
      and forced to display on multiple-lines. in those cases, having an
      absolute value for the height of that layout unit can make some of the
      buttons not visible or only partially visible?!

      absolute sizes are also an issue with sizing and padding of layout
      units, especially so when i'm using nested layouts (i.e. if the font
      size is too big, the header of a layout unit can grow to a stage where
      it takes over all available space for the panel! there's also an issue
      if we have a situation of big font and small client area, if room
      available in the header forces its text to display over 2 lines, the
      second line gets cut off in the middle!..i guess could use minWidth,
      but that's not really guaranteed to work (font size would dictate
      actual minWidth required).

      and somehow forcing a certain font/size wouldn't really be suitable
      with what i'm working on as the application is for social services use
      and likely to be used by visually impaired people. (also building a
      non-JS version for the blind but would like to present a nice
      application style interface for anyone that can use it.)

      anyone else encountered these issues and found a solution? or am i
      just missing some simple setting somewhere? only been using JS and YUI
      for 2 months now so is likely.

      would really appreciate any input

      cheers
    • Dav Glass
      ozgursusoy -- I don t completely follow you issues, can you put together a simple use case and post a link so I can see it? Thanks Dav Dav Glass
      Message 2 of 2 , Jul 2, 2008
      • 0 Attachment
        ozgursusoy --

        I don't completely follow you issues, can you put together a simple use case and post a link so I can see it?

        Thanks
        Dav

        Dav Glass
        dav.glass@...
        blog.davglass.com




        + Windows: n. - The most successful computer virus, ever. +
        + A computer without a Microsoft operating system is like a dog
        without bricks tied to its head +
        + A Microsoft Certified Systems Engineer is to computing what a
        McDonalds Certified Food Specialist is to fine cuisine +



        ----- Original Message ----
        From: ozgursusoy <ozgursusoy@...>
        To: ydn-javascript@yahoogroups.com
        Sent: Tuesday, July 1, 2008 6:00:48 PM
        Subject: [ydn-javascript] setting layout panel sizes based on browser and font

        hi all,

        couldn't find any posts on this but i imagine its something anyone
        using layout manager would have to deal with;

        how do you guys set the sizes, padding etc of layout units based on
        browser and font sizes? for example, if we have a layout unit
        containing buttons, its not very useful to set an absolute height for
        that panel as the size of the buttons would change depending on font
        size. also if there's a browser resize, the buttons can be 'squished'
        and forced to display on multiple-lines. in those cases, having an
        absolute value for the height of that layout unit can make some of the
        buttons not visible or only partially visible?!

        absolute sizes are also an issue with sizing and padding of layout
        units, especially so when i'm using nested layouts (i.e. if the font
        size is too big, the header of a layout unit can grow to a stage where
        it takes over all available space for the panel! there's also an issue
        if we have a situation of big font and small client area, if room
        available in the header forces its text to display over 2 lines, the
        second line gets cut off in the middle!..i guess could use minWidth,
        but that's not really guaranteed to work (font size would dictate
        actual minWidth required).

        and somehow forcing a certain font/size wouldn't really be suitable
        with what i'm working on as the application is for social services use
        and likely to be used by visually impaired people. (also building a
        non-JS version for the blind but would like to present a nice
        application style interface for anyone that can use it.)

        anyone else encountered these issues and found a solution? or am i
        just missing some simple setting somewhere? only been using JS and YUI
        for 2 months now so is likely.

        would really appreciate any input

        cheers


        ------------------------------------

        Yahoo! Groups Links
      Your message has been successfully submitted and would be delivered to recipients shortly.