Skip to main content
B
boybles
Participant
August 20, 2006
Answered

Removing Space Between Form Elements

  • August 20, 2006
  • 1 reply
  • 432 views
I'm trying to remove all the space between these two form elements so that they are touching but can't find out how. Anybody out there who can figure it out?
THANKS!
Boybles

<cfform method="get" name="TestPanel" preloader="no" format="flash" height="210" width="300" skin="haloblue" >
<cfformgroup type="vertical" style="verticalGap:0;indicatorGap:0;">
<cfformgroup type="vbox" width="200" height="90" visible="yes" enabled="yes" style="cornerRadius:15;borderStyle:roundCorners;borderThickness:1;backgroundColor:##E5E7FE;">
<cfformitem type="text" >Test</cfformitem>
<cfformitem type="text" >Panel</cfformitem>
</cfformgroup>
<cfformgroup type="vbox" width="200" height="90" visible="yes" enabled="yes" style="cornerRadius:15;borderStyle:roundCorners;borderThickness:1;backgroundColor:##E5E7FE;">
<cfformitem type="text" >Test</cfformitem>
<cfformitem type="text" >Panel</cfformitem>
</cfformgroup>
</cfformgroup>
</cfform>
    This topic has been closed for replies.
    Correct answer boybles
    OK....I figured it out. Very unlikely solution....since margins and indicatorGap had either no effect or had unwanted effects. If you put a non-visable cfformgroup with negative height it will take out unwanted space. Though I haven't seen many people using it in this way. Here is the above example resolved:
    <cfform method="get" name="TestPanel" preloader="no" format="flash" height="210" width="300" skin="haloblue" >

    <cfformgroup type="vertical" style="verticalGap:0;indicatorGap:0;">
    <cfformgroup type="vbox" width="200" height="90" visible="yes" enabled="yes" style="cornerRadius:15;borderStyle:roundCorners;borderThickness:1;backgroundColor:##E5E7FE;" ID="myElement">
    <cfformitem type="text" >Test</cfformitem>
    <cfformitem type="text" >Panel</cfformitem>
    </cfformgroup>
    <cfformgroup type="panel" label="top panel" visible="false" height="-13">
    </cfformgroup>
    <cfformgroup type="vbox" width="200" height="90" visible="yes" enabled="yes" style="cornerRadius:15;borderStyle:roundCorners;borderThickness:1;backgroundColor:##E5E7FE;" ID="myElement2">
    <cfformitem type="text" >Test</cfformitem>
    <cfformitem type="text" >Panel</cfformitem>
    </cfformgroup>
    </cfformgroup>
    </cfform>

    1 reply

    B
    boyblesAuthorCorrect answer
    Participant
    August 22, 2006
    OK....I figured it out. Very unlikely solution....since margins and indicatorGap had either no effect or had unwanted effects. If you put a non-visable cfformgroup with negative height it will take out unwanted space. Though I haven't seen many people using it in this way. Here is the above example resolved:
    <cfform method="get" name="TestPanel" preloader="no" format="flash" height="210" width="300" skin="haloblue" >

    <cfformgroup type="vertical" style="verticalGap:0;indicatorGap:0;">
    <cfformgroup type="vbox" width="200" height="90" visible="yes" enabled="yes" style="cornerRadius:15;borderStyle:roundCorners;borderThickness:1;backgroundColor:##E5E7FE;" ID="myElement">
    <cfformitem type="text" >Test</cfformitem>
    <cfformitem type="text" >Panel</cfformitem>
    </cfformgroup>
    <cfformgroup type="panel" label="top panel" visible="false" height="-13">
    </cfformgroup>
    <cfformgroup type="vbox" width="200" height="90" visible="yes" enabled="yes" style="cornerRadius:15;borderStyle:roundCorners;borderThickness:1;backgroundColor:##E5E7FE;" ID="myElement2">
    <cfformitem type="text" >Test</cfformitem>
    <cfformitem type="text" >Panel</cfformitem>
    </cfformgroup>
    </cfformgroup>
    </cfform>
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices