What's New?

[CLOSED] FormGroup

  1. #1
    Aug 25, 2011, 8:39 PM

    [CLOSED] FormGroup

    I need a FormGroup, thought I'd use the following example

    https://examples2.ext.net/ # / Panel / Basic / FormGroup /

    But for this example would remove the collapse button (where the group hides).
    Last edited by geoffrey.mcgill; Aug 26, 2011 at 9:17 PM. Reason: [CLOSED]
  2. #2
    Aug 25, 2011, 8:50 PM
    What do you mean? If FormGroup is used then panel can be collpased/expanded by clicking on title (also there is icon at left are indicating that the panel can be collapsed)
  3. #3
    Aug 25, 2011, 8:52 PM
    Quote Originally Posted by Vladimir View Post
    What do you mean? If FormGroup is used then panel can be collpased/expanded by clicking on title (also there is icon at left are indicating that the panel can be collapsed)
    But I do not want the icon to collapsed.
  4. #4
    Aug 25, 2011, 8:54 PM
    But I do not want the icon to collapsed.
    Can you provide more details what do you need?
  5. #5
    Aug 25, 2011, 8:58 PM
    Quote Originally Posted by Vladimir View Post
    Can you provide more details what do you need?
    I need a line of text into separate groups like the image attached.
    Attached Thumbnails Click image for larger version.  Name: Sem tÃ*tulo.jpg  Views: 76  Size: 19.5 KB  ID: 3112  
  6. #6
    Aug 25, 2011, 9:12 PM
    Please see the following sample
    <%@ Page Language="C#" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.NET Example</title>
    
    <style type="text/css">
        .x-panel-group
        {
            padding-bottom: 5px;
            overflow: hidden;
        }
        .x-panel-group .x-panel-group-header
        {
            padding: 0;
            border-bottom: 1px solid #c3daf9;
        }
        .x-panel-group .x-panel-group-header-text
        {
            font-size: 11px;
            font-family: tahoma,arial,sans-serif;
            line-height: 13px;
            text-transform: uppercase;
            position: relative;
            left: 0px;
            margin-left: 5px;
            top: 5px;
            padding: 1px 5px 1px 5px;
            background:#fff;
            color: #4e79b2;
        }        
        .x-panel-group-body
        {
            overflow: hidden;
            margin-top: 5px;
        }
        .x-panel-group-bwrap
        {
            overflow: hidden;
            zoom: 1;
        }
    </style>
</head>
<body>
<form runat="server" style="padding:20px">
    <ext:ResourceManager runat="server" />


    <ext:Panel runat="server" Title="Panel" Width="300" Height="200" Layout="FormLayout" BaseCls="x-panel-group" Padding="10">
        <Items>
            <ext:TextField runat="server" FieldLabel="Field"></ext:TextField>
        </Items>
    </ext:Panel>
</form>
</body>
</html>

Similar Threads

  1. [CLOSED] Possible Bug: FormGroup Formatting
    By logicspeak in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Oct 25, 2011, 6:46 PM
  2. Problem with textfield after set value on cardlayout or formgroup
    By cmujica in forum 1.x Help
    Replies: 6
    Last Post: Sep 06, 2011, 12:07 PM
  3. [CLOSED] FormGroup without collapse icon
    By jchau in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Jan 20, 2011, 3:44 PM
  4. IE6 Panel FormGroup Visual Error
    By jchau in forum Bugs
    Replies: 1
    Last Post: Jul 08, 2009, 4:36 PM
  5. [FIXED] [V0.8] FormGroup example render problem
    By dbassett74 in forum Bugs
    Replies: 1
    Last Post: Apr 22, 2009, 6:03 AM

Posting Permissions