Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Sudipto
205
Hide the Expand Collapse Column And Hide the Grouped Column
posted

Want to Hide the expand collapse button and leave a small indentation in eavh level.

Also needs to hide the columns that are being grouped as the user drags them on the grouping zone.

Please help

  • 205
    posted in reply to Sudipto

    How do I get rid of these lines here?

    The Group 1, Group 1.1 represents the parent band. Here is the setup

     

     

     

    <ig:WebHierarchicalDataGrid ID="WebHierarchicalDataGrid1" runat="server" Width="100%"

     

     

    AutoGenerateBands="false"

     

     

    AutoGenerateColumns="false"

     

     

    DataMember="Category"

     

     

    DataKeyFields="CategoryName"

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    InitialDataBindDepth

    ="4"

     

     

     

    InitialExpandDepth

    ="4"

     

     

     

    ExpansionColumnCss

    ="hideExpandArea"

     

     

     

    ExpandableAreaCssClass

    ="hideExpandAreaBorder"

     

     

     

    ShowHeader

    ="false">

     

     

     

    <Columns>

     

     

     

    <ig:BoundDataField DataFieldName="HoldingCode" Key="HoldingCode" Hidden="true"

    >

     

     

     

    </ig:BoundDataField>

     

     

     

    <ig:BoundDataField DataFieldName="CategoryName" Key="CategoryName">

     

     

     

    </ig:BoundDataField>

     

     

     

    </Columns>

     

     

     

    <Bands>

     

     

     

    <ig:Band DataMember="CategoryToAssetClass" Key="CategoryToAssetClass" DataKeyFields="HoldingCode,AssetClass" AutoGenerateColumns="false" ShowHeader="false" >

     

     

     

    <Columns>

     

     

     

    <ig:BoundDataField DataFieldName="AssetClass" Key="AssetClass" Header-Text="Asset Class" />

     

     

     

    </Columns>

     

     

     

    <Bands >

     

     

     

    <ig:Band DataMember="AssetClassToRegion" Key="AssetClassToRegion" DataKeyFields="HoldingCode,AssetClass,Region" AutoGenerateColumns="false" ShowHeader="false" ItemCssClass="noborder" >

     

     

     

    <Columns>

     

     

     

    <ig:BoundDataField DataFieldName="Region" Key="Region" Header-Text="Region" />

     

     

     

    </Columns>

     

     

     

    </ig:Band>

     

     

     

    </Bands>

     

     

     

    </ig:Band>

     

     

     

    </Bands>

     

     

     

    <Behaviors>

     

     

     

    <ig:Paging Enabled="true" PageSize="20" PagerAppearance="Bottom" />

     

     

     

    </Behaviors>

     

     

     

    </ig:WebHierarchicalDataGrid>

     

     

     

     

    Please let me know.

     

     

  • 205
    posted in reply to Sudipto

    How do I get rid of these lines here?

    The Group 1, Group 1.1 represents the parent band. Here is the setup

     

     

     

    <ig:WebHierarchicalDataGrid ID="WebHierarchicalDataGrid1" runat="server" Width="100%"

     

     

    AutoGenerateBands="false"

     

     

    AutoGenerateColumns="false"

     

     

    DataMember="Category"

     

     

    DataKeyFields="CategoryName"

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    InitialDataBindDepth

    ="4"

     

     

     

    InitialExpandDepth

    ="4"

     

     

     

    ExpansionColumnCss

    ="hideExpandArea"

     

     

     

    ExpandableAreaCssClass

    ="hideExpandAreaBorder"

     

     

     

    ShowHeader

    ="false">

     

     

     

    <Columns>

     

     

     

    <ig:BoundDataField DataFieldName="HoldingCode" Key="HoldingCode" Hidden="true"

    >

     

     

     

    </ig:BoundDataField>

     

     

     

    <ig:BoundDataField DataFieldName="CategoryName" Key="CategoryName">

     

     

     

    </ig:BoundDataField>

     

     

     

    </Columns>

     

     

     

    <Bands>

     

     

     

    <ig:Band DataMember="CategoryToAssetClass" Key="CategoryToAssetClass" DataKeyFields="HoldingCode,AssetClass" AutoGenerateColumns="false" ShowHeader="false" >

     

     

     

    <Columns>

     

     

     

    <ig:BoundDataField DataFieldName="AssetClass" Key="AssetClass" Header-Text="Asset Class" />

     

     

     

    </Columns>

     

     

     

    <Bands >

     

     

     

    <ig:Band DataMember="AssetClassToRegion" Key="AssetClassToRegion" DataKeyFields="HoldingCode,AssetClass,Region" AutoGenerateColumns="false" ShowHeader="false" ItemCssClass="noborder" >

     

     

     

    <Columns>

     

     

     

    <ig:BoundDataField DataFieldName="Region" Key="Region" Header-Text="Region" />

     

     

     

    </Columns>

     

     

     

    </ig:Band>

     

     

     

    </Bands>

     

     

     

    </ig:Band>

     

     

     

    </Bands>

     

     

     

    <Behaviors>

     

     

     

    <ig:Paging Enabled="true" PageSize="20" PagerAppearance="Bottom" />

     

     

     

    </Behaviors>

     

     

     

    </ig:WebHierarchicalDataGrid>

     

     

     

     

    Please let me know.

     

     

  • 205
    posted in reply to Sudipto

    How do I get rid of these lines here?

    The Group 1, Group 1.1 represents the parent band. Here is the setup

     

     

     

    <ig:WebHierarchicalDataGrid ID="WebHierarchicalDataGrid1" runat="server" Width="100%"

     

     

    AutoGenerateBands="false"

     

     

    AutoGenerateColumns="false"

     

     

    DataMember="Category"

     

     

    DataKeyFields="CategoryName"

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    InitialDataBindDepth

    ="4"

     

     

     

    InitialExpandDepth

    ="4"

     

     

     

    ExpansionColumnCss

    ="hideExpandArea"

     

     

     

    ExpandableAreaCssClass

    ="hideExpandAreaBorder"

     

     

     

    ShowHeader

    ="false">

     

     

     

    <Columns>

     

     

     

    <ig:BoundDataField DataFieldName="HoldingCode" Key="HoldingCode" Hidden="true"

    >

     

     

     

    </ig:BoundDataField>

     

     

     

    <ig:BoundDataField DataFieldName="CategoryName" Key="CategoryName">

     

     

     

    </ig:BoundDataField>

     

     

     

    </Columns>

     

     

     

    <Bands>

     

     

     

    <ig:Band DataMember="CategoryToAssetClass" Key="CategoryToAssetClass" DataKeyFields="HoldingCode,AssetClass" AutoGenerateColumns="false" ShowHeader="false" >

     

     

     

    <Columns>

     

     

     

    <ig:BoundDataField DataFieldName="AssetClass" Key="AssetClass" Header-Text="Asset Class" />

     

     

     

    </Columns>

     

     

     

    <Bands >

     

     

     

    <ig:Band DataMember="AssetClassToRegion" Key="AssetClassToRegion" DataKeyFields="HoldingCode,AssetClass,Region" AutoGenerateColumns="false" ShowHeader="false" ItemCssClass="noborder" >

     

     

     

    <Columns>

     

     

     

    <ig:BoundDataField DataFieldName="Region" Key="Region" Header-Text="Region" />

     

     

     

    </Columns>

     

     

     

    </ig:Band>

     

     

     

    </Bands>

     

     

     

    </ig:Band>

     

     

     

    </Bands>

     

     

     

    <Behaviors>

     

     

     

    <ig:Paging Enabled="true" PageSize="20" PagerAppearance="Bottom" />

     

     

     

    </Behaviors>

     

     

     

    </ig:WebHierarchicalDataGrid>

     

     

     

     

    Please let me know.

     

     

  • 205
    posted

    Just got it working, used the following style with ExpansionColumnCss

     tbody > tr > td.hideExpandArea{width:0px;}

    Now need to find out how to get rid of the dark border by each region.