Welcome Guest Search | Active Topics | Sign In | Register

Grid Coloring Problem Options
Caedmon
Posted: Friday, December 5, 2008 5:39:35 AM
Rank: Newbie
Groups: Member

Joined: 12/4/2008
Posts: 6
I have recently purchased your suite of components and I'm having a problem with the Grid. I'm populating a grid using the StyleSetIDField property to create a subtotal break during the report.

If the grid displays a number of rows, and I have to scroll or page, the coloring gets scrambled up. The more that I page or scroll, it begins to highlight rows that are not designated in the StyleSetIDField property. If I continue to scroll or page, it will mark more and more rows this way.

I am also using ASP.Net's AJAX library, and O2S Components' PDFNET. I don't know if there is a possible conflict there or not.

Your assistance is greatly appreciated!

Thanks.

Code: HTML/ASPX
<eo:Grid ID="grdMain" runat="server" BorderColor="#828790" BorderWidth="1px" 
            ColumnHeaderAscImage="00050204" ColumnHeaderDescImage="00050205" 
            ColumnHeaderDividerImage="00050203" ColumnHeaderHeight="24" 
            Font-Bold="False" Font-Italic="False" Font-Names="Tahoma"
            Font-Overline="False" Font-Size="8.75pt" Font-Strikeout="False" 
            Font-Underline="False" GridLineColor="240, 240, 240" GridLines="Both" StyleSetIDField="Type"
            Height="550px" ItemHeight="19" Width="100%">
            <FooterStyle CssText="padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:4px;" />
            <ItemStyles>
                <eo:GridItemStyleSet>
                    <ItemStyle CssText="background-color: white" />
                    <ItemHoverStyle CssText="background-image: url(00050206); background-repeat: repeat-x" />
                    <SelectedStyle CssText="background-image: url(00050207); background-repeat: repeat-x" />
                    <CellStyle CssText="padding-left:8px;padding-top:2px;white-space:nowrap;" />
                </eo:GridItemStyleSet>
                <eo:GridItemStyleSet StyleSetID="B">
                    <ItemStyle CssText="background-color: #e8e8e8" />
                    <ItemHoverStyle CssText="background-image: url(00050206); background-repeat: repeat-x" />
                    <SelectedStyle CssText="background-image: url(00050207); background-repeat: repeat-x" />
                    <CellStyle CssText="padding-left:8px;padding-top:2px;white-space:nowrap;" />
                </eo:GridItemStyleSet>                
            </ItemStyles>
            <ColumnTemplates>
                <eo:TextBoxColumn>
                    <TextBoxStyle CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 8.75pt; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma" />
                </eo:TextBoxColumn>
                <eo:DateTimeColumn>
                    <DatePicker ControlSkinID="None" DayCellHeight="16" DayCellWidth="19" runat="server"
                        DayHeaderFormat="FirstLetter" DisabledDates="" OtherMonthDayVisible="True" 
                        SelectedDates="" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL" 
                        TitleRightArrowImageUrl="DefaultSubMenuIcon">
                        <TodayStyle CssText="font-family: tahoma; font-size: 12px; border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid" />
                        <SelectedDayStyle CssText="font-family: tahoma; font-size: 12px; background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
                        <DisabledDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
                        <PickerStyle CssText="border-bottom-color:#7f9db9;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#7f9db9;border-left-style:solid;border-left-width:1px;border-right-color:#7f9db9;border-right-style:solid;border-right-width:1px;border-top-color:#7f9db9;border-top-style:solid;border-top-width:1px;font-family:Courier New;font-size:8pt;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;" />
                        <CalendarStyle CssText="background-color: white; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 9px; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma" />
                        <TitleArrowStyle CssText="cursor:hand" />
                        <DayHoverStyle CssText="font-family: tahoma; font-size: 12px; border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid" />
                        <MonthStyle CssText="font-family: tahoma; font-size: 12px; margin-left: 14px; cursor: hand; margin-right: 14px" />
                        <TitleStyle CssText="background-color:#9ebef5;font-family:Tahoma;font-size:12px;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;" />
                        <OtherMonthDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
                        <DayHeaderStyle CssText="font-family: tahoma; font-size: 12px; border-bottom: #aca899 1px solid" />
                        <DayStyle CssText="font-family: tahoma; font-size: 12px; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
                    </DatePicker>
                </eo:DateTimeColumn>
                <eo:MaskedEditColumn>
                    <MaskedEdit ControlSkinID="None" runat="server"
                        TextBoxStyle-CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; font-family:Courier New;font-size:8pt;">
                    </MaskedEdit>
                </eo:MaskedEditColumn>
            </ColumnTemplates>
            <ColumnHeaderHoverStyle CssText="background-image:url('00050202');padding-left:8px;padding-top:4px;" />
            <ColumnHeaderStyle CssText="background-image:url('00050201');padding-left:8px;padding-top:4px;" />
            <Columns>
                <eo:StaticColumn AllowResize="true" AllowSort="true" DataField="SalesPersonBroker" DataType="String" HeaderText="Sales Person or Brokerage" Width="170"></eo:StaticColumn>
                <eo:StaticColumn AllowResize="true" AllowSort="true" DataField="BillToCompany" DataType="String" HeaderText="Bill To Company" Width="250"></eo:StaticColumn>
                <eo:StaticColumn AllowResize="true" AllowSort="true" DataField="OrderNum" DataType="String" HeaderText="Order Num"></eo:StaticColumn>
                <eo:StaticColumn AllowResize="true" AllowSort="true" DataField="InvoiceNum" DataType="String" HeaderText="Invoice Num"></eo:StaticColumn>
                <eo:StaticColumn AllowResize="true" AllowSort="true" DataField="ShipDate" DataType="String" HeaderText="Ship Date"></eo:StaticColumn>
                <eo:StaticColumn AllowResize="true" AllowSort="true" DataField="OrderTotal" DataType="String" HeaderText="Order Total"></eo:StaticColumn>
                <eo:StaticColumn AllowResize="true" AllowSort="true" DataField="InvBalance" DataType="String" HeaderText="Invoice Balance"></eo:StaticColumn>
                <eo:StaticColumn AllowResize="true" AllowSort="true" DataField="InvStatus" DataType="String" HeaderText="Invoice Status"></eo:StaticColumn>
                <eo:StaticColumn AllowResize="true" AllowSort="true" DataField="DaysOutstanding" DataType="String" HeaderText="Days Outstanding" Width="120"></eo:StaticColumn>
            </Columns>
        </eo:Grid>
eo_support
Posted: Friday, December 5, 2008 8:01:26 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

Thank you very much for reporting the issue. This appears to be a bug. We will look into it and see what we can find.

Thanks!
Caedmon
Posted: Friday, December 5, 2008 8:06:03 AM
Rank: Newbie
Groups: Member

Joined: 12/4/2008
Posts: 6
Thank you. Let me know if you need more detail from my specific project.


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.