I am using Infragistics4.Web.v11.1, Version=11.1.20111.2064.
I have a webdropdown with the template webdatagrid. Below this on the page, Ihave a UltraChart with a small webdatagrid along side it.<table> <tr> <td colspan="2"> webdropdown goes here </td> </tr> <tr> <td> UltraChart goes here </td> <td> webdatagrid goes here </td> </tr></table>
When I drop down the webdropdown, it show in front of the other webdatagrid, but behind the UltraChart control.
Can anyone tell me how to bring the webdropdown to the front, or how to send the UltraChart to the back?
Hello loretta,
Thank you for posting in our forums.
I tried to reproduce the issue with the latest service release
Infragistics4.Web.v11.1, Version=11.1.20111.2178
but I was not able to encounter the issue (using IE8, IE9 ,FF 10 and Chrome)
Have you set the property EnableDropDownAsChild = false of WebDropDown?
Can you please share the marup of the page in a zipped format?
Hope hearing from you.
Hi Tsvetelina,
The following is the markup from my content page, minus the objectDataSource for the wdgCropList:
<asp:Content ID="Content1" ContentPlaceHolderID="website_Content" runat="server"> <script type="text/javascript">
function wdgCropList_rowSelChange(sender, args) { var cropId = args.getSelectedRows().getItem(0).get_cell(0).get_text(); var cropName = args.getSelectedRows().getItem(0).get_cell(1).get_text(); var ddCrop = $find('<%= wddCropList.ClientID %>'); ddCrop.get_items().getItem(0).set_value(cropId); ddCrop.set_currentValue(cropName, true); ddCrop._elements["Input"].focus(); ddCrop.closeDropDown(); }
function wddCropList_cancelDDSel(sender, args) { args.set_cancel(true); } </script>
<table id="Table1" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; margin-left:20px; margin-right:15px" width="95%"> <tr> <td> <asp:Label ID="Label2" CssClass="h4B" runat="server" Text="Select a Crop:"></asp:Label> </td> <td> <ig:webdropdown id="wddCropList" runat="server" width="200px" DropDownContainerWidth="400px" EnableDropDownAsChild="false" OnValueChanged="wddCropList_ValueChanged" StyleSetName="Alternate" > <AutoPostBackFlags ValueChanged="On" /> <Items> <ig:DropDownItem> </ig:DropDownItem> </Items> <ClientEvents SelectionChanging="wddCropList_cancelDDSel"/> <ItemTemplate> <ig:WebDataGrid ID="wdgCropList" runat="server" AutoGenerateColumns="false" Width="100%" DataSourceID="CropDataSource" StyleSetName="Alternate" EnableAjax="false" OnRowSelectionChanged="wdgCropList_RowSelectionChanged" > <Columns> <ig:BoundDataField DataFieldName="Recnum" Key="Recnum" Hidden="True" > <Header Text="id" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Name" Key="Name" > <Header Text="Crop Name" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="SowDate" Key="SowDate" > <Header Text="Sow Date" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="FarmName" Key="FarmName" > <Header Text="Farm Name" /> </ig:BoundDataField> </Columns> <Behaviors> <ig:Selection RowSelectType="Single" Enabled="True" CellClickAction="Row"> <AutoPostBackFlags RowSelectionChanged="true" /> <SelectionClientEvents RowSelectionChanged="wdgCropList_rowSelChange" /> </ig:Selection> </Behaviors> </ig:WebDataGrid> </ItemTemplate> </ig:webdropdown> </td> </tr> <tr> <td style="height:22px; width: 158px"><asp:Label ID="Label3" CssClass="h4B" runat="server" Text="Sow Date:"></asp:Label></td> <td><asp:Label ID="lblSowDate" runat="server" CssClass="h4" Text="Label"></asp:Label></td> </tr> <tr> <td style="height:22px; width: 158px"><asp:Label ID="Label4" CssClass="h4B" runat="server" Text="Farm Name:"></asp:Label></td> <td><asp:Label ID="lblFarm" runat="server" CssClass="h4" Text="Label"></asp:Label></td> </tr> </table> <table id="Table2" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; margin-left:20px; margin-right:15px" width="95%"> <tr> <td style="width: 346px" > <igchart:UltraChart ID="ucYieldLoss" runat="server" BackgroundImageFileName="" ChartType="AreaChart" EmptyChartText="Data Not Available. Please call UltraChart.Data.DataBind() after setting valid Data.DataSource" Version="11.1" Height="270px" Width="360px"> <Data MinValue="0"> <EmptyStyle> <LineStyle DrawStyle="Dash" /> </EmptyStyle> </Data> <TitleTop Font="Trebuchet MS, 11pt, style=Bold" HorizontalAlign="Center" Text="Predicted Yield Loss"> </TitleTop> <TitleLeft Font="Microsoft Sans Serif, 7.8pt, style=Bold" HorizontalAlign="Center" Text="% Yield Loss" VerticalAlign="Far" Visible="True"> </TitleLeft> <TitleBottom Font="Microsoft Sans Serif, 7.8pt, style=Bold" Text="Sample Date"> </TitleBottom> <ColorModel AlphaLevel="150" ColorBegin="Pink" ColorEnd="DarkRed" ModelStyle="CustomLinear"> </ColorModel> <DeploymentScenario ImageURL="ChartImages/Chart_#SEQNUM(100).jpg" RenderingType="Flash"></DeploymentScenario> <AreaChart LineDrawStyle="Solid"> </AreaChart> <Axis> <Z LineThickness="1" TickmarkInterval="0" TickmarkStyle="Smart" Visible="False"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="DimGray" HorizontalAlign="Near" ItemFormatString="" Orientation="Horizontal" VerticalAlign="Center" Visible="False"> <SeriesLabels Font="Verdana, 7pt" FontColor="DimGray" HorizontalAlign="Near" Orientation="Horizontal" VerticalAlign="Center"></SeriesLabels> </Labels> </Z> <Y2 LineThickness="1" TickmarkInterval="50" TickmarkStyle="Smart" Visible="False"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="Gray" HorizontalAlign="Near" ItemFormatString="<DATA_VALUE:0.##>" Orientation="Horizontal" VerticalAlign="Center" Visible="False"> <SeriesLabels Font="Verdana, 7pt" FontColor="Gray" FormatString="" HorizontalAlign="Near" Orientation="Horizontal" VerticalAlign="Center"></SeriesLabels> </Labels> </Y2> <X LineThickness="1" TickmarkInterval="1" TickmarkStyle="Smart" Visible="True" Extent="50" TickmarkIntervalType="Days"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="DimGray" HorizontalAlign="Near" ItemFormatString="<ITEM_LABEL>" Orientation="VerticalLeftFacing" VerticalAlign="Center"> <SeriesLabels Font="Verdana, 7pt" FontColor="DimGray" FormatString="" HorizontalAlign="Near" Orientation="VerticalLeftFacing" VerticalAlign="Center"> </SeriesLabels> </Labels> </X> <Y LineThickness="1" TickmarkInterval="1" TickmarkStyle="Smart" Visible="True" Extent="25" RangeMax="5" RangeType="Custom" TickmarkIntervalType="Ticks"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="DimGray" HorizontalAlign="Far" ItemFormatString="<DATA_VALUE:0.##>" Orientation="Horizontal" VerticalAlign="Center"> <SeriesLabels Font="Verdana, 7pt" FontColor="DimGray" FormatString="" HorizontalAlign="Far" Orientation="Horizontal" VerticalAlign="Center"> </SeriesLabels> </Labels> </Y> <X2 LineThickness="1" TickmarkInterval="1" TickmarkStyle="Smart" Visible="False"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="Gray" HorizontalAlign="Far" ItemFormatString="<ITEM_LABEL>" Orientation="VerticalLeftFacing" VerticalAlign="Center" Visible="False"> <SeriesLabels Font="Verdana, 7pt" FontColor="Gray" FormatString="" HorizontalAlign="Far" Orientation="VerticalLeftFacing" VerticalAlign="Center"> </SeriesLabels> </Labels> </X2> <PE ElementType="None" Fill="Cornsilk" /> <Z2 LineThickness="1" TickmarkInterval="0" TickmarkStyle="Smart" Visible="False"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="Gray" HorizontalAlign="Near" ItemFormatString="" Orientation="Horizontal" VerticalAlign="Center" Visible="False"> <SeriesLabels Font="Verdana, 7pt" FontColor="Gray" HorizontalAlign="Near" Orientation="Horizontal" VerticalAlign="Center"> </SeriesLabels> </Labels> </Z2> </Axis> <Border CornerRadius="5" /> <Annotations> <Annotations> <igchartprop:EllipseAnnotation OutlineDrawStyle="Solid" Text="Sprayed" Width="60" Height="20"> <pe fill="Tomato" stroke="Tomato"></pe> <textstyle fontcolor="White" horizontalalign="Center" font="Microsoft Sans Serif, 7.8pt, style=Bold"></textstyle> <location column="0" locationx="90" locationy="5" row="0" type="Percentage" valuex="1" valuey="0"></location> </igchartprop:EllipseAnnotation> <igchartprop:EllipseAnnotation OutlineDrawStyle="Solid" Text="Natural Reset" Width="65" Height="30"> <pe fill="SteelBlue" stroke="SteelBlue"></pe> <textstyle fontcolor="White" horizontalalign="Center" font="Microsoft Sans Serif, 7.8pt, style=Bold" wraptext="True"></textstyle> <location column="0" locationx="90" locationy="14" row="0" type="Percentage" valuex="0" valuey="0"></location> </igchartprop:EllipseAnnotation> <igchartprop:BoxAnnotation Height="-1" Text="4% Yield Loss" Width="-1"> <pe stroke="" strokeopacity="0"></pe> <textstyle font="Microsoft Sans Serif, 7.8pt, style=Bold" fontcolor="Green"></textstyle> <border color=""></border> <location column="0" locationx="30" locationy="25" row="0" type="Percentage" valuex="1" valuey="4"></location> </igchartprop:BoxAnnotation> </Annotations> </Annotations> </igchart:UltraChart> <br /> <igchart:UltraChart ID="ucAAS" runat="server" BackgroundImageFileName="" ChartType="AreaChart" EmptyChartText="Data Not Available. Please call UltraChart.Data.DataBind() after setting valid Data.DataSource" Version="8.2" Height="270px" Width="360px"> <TitleLeft Visible="True" Text="AAS" HorizontalAlign="Center" Location="Left" Extent="33" Font="Microsoft Sans Serif, 7.8pt, style=Bold" VerticalAlign="Far"></TitleLeft> <TitleBottom Text="Sample Date" HorizontalAlign="Center" Location="Bottom" Extent="33" Font="Microsoft Sans Serif, 7.8pt, style=Bold" ></TitleBottom> <TitleTop Text="Season Aphid Score" HorizontalAlign="Center" Extent="60" Font="Trebuchet MS, 11pt, style=Bold"></TitleTop> <Tooltips Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" /> <ColorModel AlphaLevel="150" ColorBegin="Pink" ColorEnd="DarkRed" ModelStyle="CustomLinear"> </ColorModel> <Data MinValue="0"><EmptyStyle> <PointStyle CharacterFont="Microsoft Sans Serif, 7.8pt"></PointStyle> <LineStyle DrawStyle="Dash"></LineStyle> </EmptyStyle> </Data> <DeploymentScenario ImageURL="ChartImages/Chart_#SEQNUM(100).jpg" RenderingType="Flash"></DeploymentScenario> <Border CornerRadius="5" Color="Black" Thickness="1" /> <Axis> <Z LineThickness="1" TickmarkInterval="0" TickmarkStyle="Smart" Visible="False"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="DimGray" HorizontalAlign="Near" ItemFormatString="" Orientation="Horizontal" VerticalAlign="Center" Visible="False"> <SeriesLabels Font="Verdana, 7pt" FontColor="DimGray" HorizontalAlign="Near" Orientation="Horizontal" VerticalAlign="Center"></SeriesLabels> </Labels> </Z> <Y2 LineThickness="1" TickmarkInterval="20" TickmarkStyle="Smart" Visible="False"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="Gray" HorizontalAlign="Near" ItemFormatString="<DATA_VALUE:0.##>" Orientation="Horizontal" VerticalAlign="Center" Visible="False"> <SeriesLabels Font="Verdana, 7pt" FontColor="Gray" FormatString="" HorizontalAlign="Near" Orientation="Horizontal" VerticalAlign="Center"></SeriesLabels> </Labels> </Y2> <X LineThickness="1" TickmarkInterval="1" TickmarkStyle="Smart" Visible="True" Extent="50" TickmarkIntervalType="Days"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="DimGray" HorizontalAlign="Near" ItemFormatString="<ITEM_LABEL>" Orientation="VerticalLeftFacing" VerticalAlign="Center"> <SeriesLabels Font="Verdana, 7pt" FontColor="DimGray" FormatString="" HorizontalAlign="Near" Orientation="VerticalLeftFacing" VerticalAlign="Center"> </SeriesLabels> </Labels> </X> <Y LineThickness="1" TickmarkInterval="0.2" TickmarkStyle="Smart" Visible="True" Extent="25" RangeMax="1" RangeType="Custom" TickmarkIntervalType="Ticks"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="DimGray" HorizontalAlign="Far" ItemFormatString="<DATA_VALUE:0.##>" Orientation="Horizontal" VerticalAlign="Center"> <SeriesLabels Font="Verdana, 7pt" FontColor="DimGray" FormatString="" HorizontalAlign="Far" Orientation="Horizontal" VerticalAlign="Center"> </SeriesLabels> </Labels> </Y> <X2 LineThickness="1" TickmarkInterval="1" TickmarkStyle="Smart" Visible="False"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="Gray" HorizontalAlign="Far" ItemFormatString="<ITEM_LABEL>" Orientation="VerticalLeftFacing" VerticalAlign="Center" Visible="False"> <SeriesLabels Font="Verdana, 7pt" FontColor="Gray" FormatString="" HorizontalAlign="Far" Orientation="VerticalLeftFacing" VerticalAlign="Center"> </SeriesLabels> </Labels> </X2> <PE ElementType="None" Fill="Cornsilk" /> <Z2 LineThickness="1" TickmarkInterval="0" TickmarkStyle="Smart" Visible="False"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="Gray" HorizontalAlign="Near" ItemFormatString="" Orientation="Horizontal" VerticalAlign="Center" Visible="False"> <SeriesLabels Font="Verdana, 7pt" FontColor="Gray" HorizontalAlign="Near" Orientation="Horizontal" VerticalAlign="Center"> </SeriesLabels> </Labels> </Z2> </Axis> <AreaChart LineDrawStyle="Solid"></AreaChart> <Annotations> <Annotations> <igchartprop:EllipseAnnotation OutlineDrawStyle="Solid" Text="Sprayed" Width="60" Height="20"> <pe fill="Tomato" stroke="Tomato"></pe> <textstyle fontcolor="White" horizontalalign="Center" font="Microsoft Sans Serif, 7.8pt, style=Bold"></textstyle> <location column="0" locationx="90" locationy="5" row="0" type="Percentage" valuex="1" valuey="0"></location> </igchartprop:EllipseAnnotation> <igchartprop:EllipseAnnotation OutlineDrawStyle="Solid" Text="Natural Reset" Width="65" Height="30"> <pe fill="SteelBlue" stroke="SteelBlue"></pe> <textstyle fontcolor="White" horizontalalign="Center" font="Microsoft Sans Serif, 7.8pt, style=Bold" wraptext="True"></textstyle> <location column="0" locationx="90" locationy="14" row="0" type="Percentage" valuex="0" valuey="0"></location> </igchartprop:EllipseAnnotation> </Annotations> </Annotations> </igchart:UltraChart> <br /> <igchart:UltraChart ID="ucCSAS" runat="server" BackgroundImageFileName="" ChartType="AreaChart" EmptyChartText="Data Not Available. Please call UltraChart.Data.DataBind() after setting valid Data.DataSource" Version="8.2" Height="270px" Width="360px"> <TitleLeft Visible="True" Text="CSAS" HorizontalAlign="Center" Location="Left" Extent="33" Font="Microsoft Sans Serif, 7.8pt, style=Bold" VerticalAlign="Far"></TitleLeft> <TitleBottom Text="Sample Date" HorizontalAlign="Center" Location="Bottom" Extent="33" Font="Microsoft Sans Serif, 7.8pt, style=Bold" ></TitleBottom> <TitleTop Text="Cumulative Season Aphid Score" HorizontalAlign="Center" Extent="60" Font="Trebuchet MS, 11pt, style=Bold"></TitleTop> <Tooltips Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" /> <ColorModel AlphaLevel="150" ColorBegin="Pink" ColorEnd="DarkRed" ModelStyle="CustomLinear"> </ColorModel> <Data MinValue="0"><EmptyStyle> <PointStyle CharacterFont="Microsoft Sans Serif, 7.8pt"></PointStyle> <LineStyle DrawStyle="Dash"></LineStyle> </EmptyStyle> </Data><DeploymentScenario ImageURL="ChartImages/Chart_#SEQNUM(100).jpg" RenderingType="Flash"></DeploymentScenario> <Border CornerRadius="5" Color="Black" Thickness="1" /> <Axis> <Z LineThickness="1" TickmarkInterval="0" TickmarkStyle="Smart" Visible="False"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="DimGray" HorizontalAlign="Near" ItemFormatString="" Orientation="Horizontal" VerticalAlign="Center" Visible="False"> <SeriesLabels Font="Verdana, 7pt" FontColor="DimGray" HorizontalAlign="Near" Orientation="Horizontal" VerticalAlign="Center"></SeriesLabels> </Labels> </Z> <Y2 LineThickness="1" TickmarkInterval="100" TickmarkStyle="Smart" Visible="False"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="Gray" HorizontalAlign="Near" ItemFormatString="<DATA_VALUE:0.##>" Orientation="Horizontal" VerticalAlign="Center" Visible="False"> <SeriesLabels Font="Verdana, 7pt" FontColor="Gray" FormatString="" HorizontalAlign="Near" Orientation="Horizontal" VerticalAlign="Center"></SeriesLabels> </Labels> </Y2> <X LineThickness="1" TickmarkInterval="1" TickmarkStyle="Smart" Visible="True" Extent="50" TickmarkIntervalType="Days"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="DimGray" HorizontalAlign="Near" ItemFormatString="<ITEM_LABEL>" Orientation="VerticalLeftFacing" VerticalAlign="Center"> <SeriesLabels Font="Verdana, 7pt" FontColor="DimGray" FormatString="" HorizontalAlign="Near" Orientation="VerticalLeftFacing" VerticalAlign="Center"> </SeriesLabels> </Labels> </X> <Y LineThickness="1" TickmarkInterval="0.2" TickmarkStyle="Smart" Visible="True" Extent="25" RangeMax="1" RangeType="Custom" TickmarkIntervalType="Ticks"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="DimGray" HorizontalAlign="Far" ItemFormatString="<DATA_VALUE:0.##>" Orientation="Horizontal" VerticalAlign="Center"> <SeriesLabels Font="Verdana, 7pt" FontColor="DimGray" FormatString="" HorizontalAlign="Far" Orientation="Horizontal" VerticalAlign="Center"> </SeriesLabels> </Labels> </Y> <X2 LineThickness="1" TickmarkInterval="1" TickmarkStyle="Smart" Visible="False"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="Gray" HorizontalAlign="Far" ItemFormatString="<ITEM_LABEL>" Orientation="VerticalLeftFacing" VerticalAlign="Center" Visible="False"> <SeriesLabels Font="Verdana, 7pt" FontColor="Gray" FormatString="" HorizontalAlign="Far" Orientation="VerticalLeftFacing" VerticalAlign="Center"> </SeriesLabels> </Labels> </X2> <PE ElementType="None" Fill="Cornsilk" /> <Z2 LineThickness="1" TickmarkInterval="0" TickmarkStyle="Smart" Visible="False"> <MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot" Thickness="1" Visible="False" /> <MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot" Thickness="1" Visible="True" /> <Labels Font="Verdana, 7pt" FontColor="Gray" HorizontalAlign="Near" ItemFormatString="" Orientation="Horizontal" VerticalAlign="Center" Visible="False"> <SeriesLabels Font="Verdana, 7pt" FontColor="Gray" HorizontalAlign="Near" Orientation="Horizontal" VerticalAlign="Center"> </SeriesLabels> </Labels> </Z2> </Axis> <AreaChart LineDrawStyle="Solid"></AreaChart> <Annotations> <Annotations> <igchartprop:EllipseAnnotation OutlineDrawStyle="Solid" Text="Sprayed" Width="60" Height="20"> <pe fill="Tomato" stroke="Tomato"></pe> <textstyle fontcolor="White" horizontalalign="Center" font="Microsoft Sans Serif, 7.8pt, style=Bold"></textstyle> <location column="0" locationx="90" locationy="5" row="0" type="Percentage" valuex="1" valuey="0"></location> </igchartprop:EllipseAnnotation> <igchartprop:EllipseAnnotation OutlineDrawStyle="Solid" Text="Natural Reset" Width="65" Height="30"> <pe fill="SteelBlue" stroke="SteelBlue"></pe> <textstyle fontcolor="White" horizontalalign="Center" font="Microsoft Sans Serif, 7.8pt, style=Bold" wraptext="True"></textstyle> <location column="0" locationx="90" locationy="14" row="0" type="Percentage" valuex="0" valuey="0"></location> </igchartprop:EllipseAnnotation> <igchartprop:BoxAnnotation Height="-1" Text="Trem Adj Yield Loss" Width="-1"> <pe stroke="" strokeopacity="0"></pe> <textstyle font="Microsoft Sans Serif, 7.8pt, style=Bold" fontcolor="Green" horizontalalign="Center"></textstyle> <border color=""></border> <location column="0" locationx="35" locationy="25" row="0" type="Percentage" valuex="0" valuey="0"></location> </igchartprop:BoxAnnotation> </Annotations> </Annotations> </igchart:UltraChart> </td> <td style="width:20px"><br /> </td> <td style="text-align:left; vertical-align:top;"> <asp:Label ID="Label1" runat="server" CssClass="h3LB" Text="Aphid Samples"></asp:Label> <br /> <ig:webdatagrid id="wdgSamples" runat="server" AutoGenerateColumns="False" StyleSetName="Default" DataKeyFields="Recnum" > <Columns> <ig:BoundDataField DataFieldName="SampleDate" Key="SampleDate" Width="65px" > <Header Text="Sample Date" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="AAS" Key="AAS" Width="45px" > <Header Text="AAS" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="SAS" Key="SAS" Width="45px" Hidden="True"> <Header Text="SAS" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="CSAS" Key="CSAS" Width="45px" > <Header Text="CSAS" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Trem" Key="Trem" Width="50px" > <Header Text="Trem" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Sprayed" Key="Sprayed" Width="45px" > <Header Text="Sprayed" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="YieldLoss" Key="YieldLoss" Width="55px" DataFormatString="{0:p2}" > <Header Text="Yield Loss" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="Recnum" Key="Recnum" Hidden="true"> <Header Text="Recnum" /> </ig:BoundDataField> </Columns> </ig:webdatagrid> <br /> <asp:Label ID="uxNotes" CssClass="h3" runat="server" Text="Notes:"></asp:Label> </td> </tr> </table>
</asp:Content>
While the wdgCropList uses an ObjectDataSource for its data, the other grid and the charts information changes based on the item selected in the wddCropList, and this is handled in the code behind.
I also have the issue that the markup for the Annotations for the charts are considered 'not a known element' in markup, and the pe, textstyle and location properties are considered as 'not supported'. As these all work correctly, it is not a major issue, but I would like to know the problem is.
I hope this helps, any suggestions would be greatly appreciated.
Regards,
Loretta Clancy.
Hello Loretta,
I’ve taken over this issue from Tsvetelina. I appologize about this the delay inthe response.
It seems that the issue is due to the fact that the AreaChart doesn’t render as a simple img element on the page but as an swf object .
Swf objects display on top of all layers regardless of z-index. Here are some work-around for this:
http://steveclements.net/blog/Flash-swf-object-in-html-z-index
http://stackoverflow.com/questions/6428548/ie9-and-flash-z-index-problem
Regarding the Anotations you probably need the following reference to the Appearance.:
<%@ Register assembly="Infragistics4.WebUI.UltraWebChart.v11.1, Version=11.1.20111.2064, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.UltraChart.Resources.Appearance" tagprefix="igchartprop" %>
Let me know if you need further assistance.
Best Regards,
Maya Kirova
Developer Support Engineer
Infragistics, Inc.
http://ko.infragistics.com/support
Thanks Maya,
With respect to the dropdown being behind the charts, I decided to re-arrange the pages so that the charts are not near the dropdowns.
With respect to the Annotations, I already have the assembly reference included, so this does not help. Charts still render correctly, so I am not overly concerned.
Loretta Clancy