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
20
StyleSheet does not work without TemplatedColumn.
posted

Hello.

When I used 2005 Ver. it worked fine, but now it doesn't work in 2008 Ver.

When I use only UltraGridColumn, StyleSheet doesn't work. But it works fine when just adding TemplatedColumn with hidden property.

My code below.

<igtbl:UltraWebGrid id="ultList" runat="server" Width="100%" SkinID="ultSkin" OnInitializeRow="ultList_InitializeRow" OnInitializeLayout="ultList_InitializeLayout">
                        <Bands>
                            <igtbl:UltraGridBand Key="Column0Column1Column1" AddButtonCaption="Column0Column1Column1">
                            <AddNewRow View="NotSet" Visible="NotSet"></AddNewRow>
                                <Columns>
                                    <igtbl:UltraGridColumn Width="20%" BaseColumnName="CUST_ID" Key="CUST_ID">
                                        <Header Caption="Cust Code">
                                            <RowLayoutColumnInfo OriginX="1" />
                                        </Header>
                                        <CellStyle HorizontalAlign="Left">
                                            <Padding Left="5px" />
                                        </CellStyle>
                                        <Footer>
                                            <RowLayoutColumnInfo OriginX="1" />
                                        </Footer>
                                    </igtbl:UltraGridColumn>
                                    <igtbl:UltraGridColumn Width="80%" BaseColumnName="CUST_NAME" Key="CUST_NAME">
                                        <Header Caption="Cust Name">
                                            <RowLayoutColumnInfo OriginX="1" />
                                        </Header>
                                        <CellStyle HorizontalAlign="Left">
                                            <Padding Left="5px" />
                                        </CellStyle>
                                        <Footer>
                                            <RowLayoutColumnInfo OriginX="1" />
                                        </Footer>
                                    </igtbl:UltraGridColumn>
                                </Columns>
                                <FilterOptions AllString="" EmptyString="" NonEmptyString="">
                                    <FilterDropDownStyle BackColor="White" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px"
                                        CustomRules="overflow:auto;" Font-Names="Verdana,Arial,Helvetica,sans-serif"
                                        Font-Size="11px" Width="200px">
                                        <Padding Left="2px" />
                                    </FilterDropDownStyle>
                                    <FilterHighlightRowStyle BackColor="#151C55" ForeColor="White">
                                    </FilterHighlightRowStyle>
                                </FilterOptions>
                            </igtbl:UltraGridBand>
                        </Bands>
                        <DisplayLayout TableLayout="Fixed" Name="ultList" FixedHeaderIndicatorDefault="NotSet"
                                  NoDataMessage="No data to display."
                                RowSelectorsDefault="No" BorderCollapseDefault="Separate" RowsRange="10"
                                ViewType="Hierarchical" SelectTypeRowDefault="Single" Version="4.00" RowHeightDefault="25px" AllowSortingDefault="NotSet"
                                AutoGenerateColumns="False" CellClickActionDefault="Edit" ReadOnly="LevelTwo">

                            <FilterOptionsDefault>
                                <FilterDropDownStyle BackColor="White" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px"
                                    CustomRules="overflow:auto;" Font-Names="Verdana,Arial,Helvetica,sans-serif"
                                    Font-Size="11px" Width="200px">
                                    <Padding Left="2px" />
                                </FilterDropDownStyle>
                                <FilterHighlightRowStyle BackColor="#151C55" ForeColor="White">
                                </FilterHighlightRowStyle>
                            </FilterOptionsDefault>
                            <ActivationObject BorderColor="" BorderWidth="">
                            </ActivationObject>
                            <ClientSideEvents MouseOverHandler="ultList_MouseOverHandler" AfterRowUpdateHandler="ultList_AfterRowUpdateHandler" />
                        </DisplayLayout>
                    </igtbl:UltraWebGrid>

 

Skin file below

<igtbl:UltraWebGrid runat="server" SkinID="ultSkin">
     <DisplayLayout RowHeightDefault="22px"
     Version="4.00" SelectTypeRowDefault="Single" IndentationDefault="0" BorderCollapseDefault="Separate"
      RowSelectorsDefault="No" TableLayout="Fixed">
     <HeaderStyleDefault Font-Bold="true" CssClass="HeaderStyle1"></HeaderStyleDefault>
     <FrameStyle Width="100%" CssClass="FrameStyle1"></FrameStyle>
     <FixedHeaderStyleDefault BackColor="White"></FixedHeaderStyleDefault>
       <RowStyleDefault CssClass="RowStyle1" Font-names="verdana" Font-Size="9pt"></RowStyleDefault>
       <RowSelectorStyleDefault CssClass="RowSelectorStyle1"></RowSelectorStyleDefault>
    </DisplayLayout>
</igtbl:UltraWebGrid>

 

StyleSheet file below

 


.FrameStyle1
{
 border-left: #bebebe 0px solid;
}

.HeaderStyle1
{
 PADDING-RIGHT: 0px;
 PADDING-LEFT: 0px;
 font-size: 9pt;
 PADDING-BOTTOM: 2px;
 PADDING-TOP: 2px;
 height:18px;
 vertical-align:middle; 
 text-align:center;
 BORDER-TOP: #bebebe 1px solid;
 BORDER-BOTTOM: #bebebe 0px solid;  
 BORDER-RIGHT: #bebebe 0px solid;  
 background-color: #DAF0F4;
}
.RowStyle1
{
 height:25px;
 BORDER-LEFT: #bebebe 0px solid;
 BORDER-TOP: #bebebe 1px solid;
 BORDER-RIGHT: #bebebe 0px solid;
 BORDER-BOTTOM: #bebebe 0px solid;
}

.RowSelectorStyle1
{
 height:25px;
 BORDER-LEFT: #bebebe 0px solid;
 BORDER-TOP: #bebebe 1px solid;
 BORDER-RIGHT: #bebebe 0px solid;
 BORDER-BOTTOM: #bebebe 0px solid;
}