Skip navigation
rkdarwin13
rkdarwin13
Currently Being Moderated

CFGRID width percentage issue

May 29, 2012 9:22 AM

Tags: #css #cfgrid #width #cf10

Hello people..

 

I recently upgraded my CF8 dev environement to CF10 and have noticed a couple issues.  One of which being percentages are no longer supported in HTML formatted CFGRID.  According to the documentation, the width attribute can be: "In HTML format, can be in any valid CSS measurement unit, and a numeric-only value specifies pixels." However that does not seem to be the case.  Is this an error in the documentation or a bug in CF?

 

I'm also not the only person to notice:

http://iknowkungfoo.com/blog/index.cfm/2012/5/10/Upgrading-ColdFusion- CFGRID-has-an-inconsistent-width-attribute

 

Does anyone have any thoughts on this?

874 Views   7 Replies   Latest reply: rupesh_kumar, May 31, 2012 5:08 AM
 
Replies
  • Adam Cameron.
    Currently Being Moderated
    1. Adam Cameron.,
    May 29, 2012 2:04 PM   in reply to rkdarwin13
    Report

    One of which being percentages are no longer supported in HTML formatted CFGRID.

     

     

    Can you give us a stand-alone/self-contained example of this?

     

    --

    Adam

     
    |
    Mark as:
  • rkdarwin13
    Currently Being Moderated
    2. rkdarwin13,
    May 29, 2012 2:16 PM   in reply to Adam Cameron.
    Report

    Here you go..

     

    <cfquery name="q" datasource="cfartgallery">

    SELECT artID, artistID, artName

    FROM app.art

    ORDER BY artName

    </cfquery>

     

     

    <cfform name="frm">

        <cfgrid name="testGrid"

                  query="q"

            height="250" 

            appendkey="yes" 

            width="100%"

            selectmode="browse"

            enabled="yes"

            visible="yes"

            format="html"

            striperows="yes"

            selectonload="false">

           

        </cfgrid>

    </cfform>

     

    just about as basic as you get.. I tested in CF8 works, then in CF10 error: "height/width attribute cannot be a percentage value."

     
    |
    Mark as:
  • rupesh_kumar
    Currently Being Moderated
    3. rupesh_kumar,
    May 29, 2012 4:54 PM   in reply to rkdarwin13
    Report

    Unfortunately, this limitation has been caused by extjs in CF 9. And now you have to specify absolute width and height for any extjs component extjs based CF Ajax component.

     

    Sent from my HTC

     
    |
    Mark as:
  • rkdarwin13
    Currently Being Moderated
    4. rkdarwin13,
    May 29, 2012 6:20 PM   in reply to rupesh_kumar
    Report

    Well..  That sucks.

     
    |
    Mark as:
  • Adam Cameron.
    Currently Being Moderated
    5. Adam Cameron.,
    May 30, 2012 8:27 AM   in reply to rupesh_kumar
    Report

    rupesh_kumar wrote:

     

    Unfortunately, this limitation has been caused by extjs in CF 9. And now you have to specify absolute width and height for any extjs component extjs based CF Ajax component.

     

    Sent from my HTC

     

    What underlying ExtJS construct are you using, and how is it you could not preserve backwards compat on the CF end of things to take the same arguments in the CFML and massage them into what the ExtJS needs to deliver the same results.

     

    Or are you telling me the ExtJS grid thingey used to take a %age-based width, and now absolutely cannot be made to do so?  I find that rather far-fetched.  Or a bit pathetic of ExtJS if it's true.

     

    --

    Adam

     
    |
    Mark as:
  • rkdarwin13
    Currently Being Moderated
    6. rkdarwin13,
    May 30, 2012 8:39 AM   in reply to Adam Cameron.
    Report

    I concur.. however, I can't imagine that this is by design on either ExtJS or Adobe's part.  It seems like a simple oversight... albeit one that has apparently been around since CF9.

     

    Regardless, if anyone can suggest a reasonable workaround I would appreciate it.  My current app makes heavy use of cfgrid in various places and while it's not a big deal to set static widths, it's kinda lame.

     
    |
    Mark as:
  • rupesh_kumar
    Currently Being Moderated
    7. rupesh_kumar,
    May 31, 2012 5:08 AM   in reply to rkdarwin13
    Report

    Actually EXTJS was completely re-architected in EXTJS 3.1 and this was a major break which EXTJS is aware of. They clearly say that height and width is mandatory to be specified and therefore you will need to specify these in cfgrid for it to work.

     

    -Rupesh

    Adobe ColdFusion Team

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points