or
<
asp:ImageButton
ID
=
"_imgbtnNew"
OnCommand
=
"_imgbtnNew_Command"
runat
=
"server"
ImageUrl
=
"~/site_images/new.png"
ImageAlign
=
"AbsMiddle"
Height
=
"15px"
OnClientClick
=
"javascript:return confirm('Are you sure?');"
></
asp:ImageButton
>
<
telerik:RadComboBox
ID
=
"cboDateRange"
runat
=
"server"
width
=
"175px"
DropDownWidth
=
"325px"
CloseDropDownOnBlur
=
"False"
Font-Bold
=
"True"
AllowCustomText
=
"false"
>
<
ItemTemplate
>
<
asp:Label
ID
=
"lblDateRange"
runat
=
"server"
Text
=
"Date Range"
Font-Bold
=
"true"
></
asp:Label
><
br
/>
<
div
id
=
"divStartDateSelected"
class
=
"divFloatLeft"
>
<
telerik:RadDatePicker
ID
=
"dateStartDate"
runat
=
"server"
Width
=
"90px"
>
<
DateInput
SelectionOnFocus
=
"SelectAll"
>
</
DateInput
>
<
Calendar
ShowRowHeaders
=
"false"
></
Calendar
>
</
telerik:RadDatePicker
>
</
div
>
<
div
class
=
"divFloatLeft"
>
<
asp:Label
ID
=
"lblDateRangeDash"
runat
=
"server"
Text
=
"-"
></
asp:Label
>
</
div
>
<
div
id
=
"divEndDateSelected"
class
=
"divFloatLeft"
>
<
telerik:RadDatePicker
ID
=
"dateEndDate"
runat
=
"server"
Width
=
"90px"
>
<
DateInput
SelectionOnFocus
=
"SelectAll"
>
</
DateInput
>
<
Calendar
ShowRowHeaders
=
"false"
></
Calendar
>
</
telerik:RadDatePicker
>
</
div
>
</
ItemTemplate
>
<
Items
>
<
telerik:RadComboBoxItem
Text
=
""
Selected
=
"True"
/>
</
Items
>
</
telerik:RadComboBox
>
<style type="text/css"> |
html, body, form |
{ |
width: 100%; |
height: 100%; |
overflow: hidden; |
} |
</style> |
If i use a simple radgrid with Scrolling-UseStaticHeaders="true" on a page, without any container or other control, the grid is 100% heigth, and this is working perfect.
But as soon as i put a RadAjaxmanager on the page, the RadGrid is going from 300px to 10 px in a split second when the page load, and stays 10px.
e.q.
<telerik:RadAjaxManager ID="RAM" runat="server" > |
<AjaxSettings> |
<telerik:AjaxSetting AjaxControlID="myRadrid (or any other control)"> |
<UpdatedControls> |
<telerik:AjaxUpdatedControl ControlID="myRadGrid" /> |
</UpdatedControls> |
</telerik:AjaxSetting> |
</AjaxSettings> |
</telerik:RadAjaxManager> |
For testing i put the Radgrid inside the form container, so the heigth for the container is set.
I can write a workaround in js to follow the window height, but that is not real smooth solution.
The Grid is then loading from 300px, to 10px, and then the right height...
I'am sure the RadAjaxmanager is the reason for this, but is there a solution?
p.s. i use the latest 2009.1 402 build.
<asp:SqlDataSource ID=
"SqlDataSource1"
ConnectionString=
"<%$ ConnectionStrings:IPdataConnectionString %>"
ProviderName=
"System.Data.SqlClient"
SelectCommand=
"SELECT top 7 Date = CONVERT(char(10), Date, 101), score, IPaddress, Partner FROM IPhistory WHERE Partner = 'NEAstates' ORDER BY Date ASC;"
runat=
"server"
>
</asp:SqlDataSource>
<telerik:radchart id=
"RadChart4"
runat=
"server"
width=
"800px"
datasourceid=
"SqlDataSource1"
defaulttype=
"Line"
autolayout=
"true"
charttitle-visible=
"false"
>
<Appearance TextQuality=
"AntiAlias"
>
</Appearance>
<PlotArea>
<Appearance Dimensions-Margins=
"18%, 24%, 12%, 16%"
></Appearance>
<YAxis Step=
"10"
AxisMode=
"Extended"
>
<Appearance MajorGridLines-Visible=
"true"
MinorGridLines-Visible=
"false"
>
</Appearance>
</YAxis>
<XAxis DataLabelsColumn=
"Date"
LayoutMode=
"Between"
>
<Appearance ValueFormat=
"ShortDate"
MajorGridLines-Visible=
"true"
>
<LabelAppearance RotationAngle=
"10"
Position-AlignedPosition=
"Top"
>
</LabelAppearance>
</Appearance>
</XAxis>
</PlotArea>
</telerik:radchart>
protected
void
Page_Load(
object
sender, EventArgs e)
{
if
(!Page.IsPostBack)
{
// Manually setting the series groups and Y values columns
RadChart4.DataGroupColumn =
"IPaddress"
;
RadChart4.DataManager.ValuesYColumns =
new
string
[1] {
"score"
};
RadChart4.Skin =
"LightBlue"
;
ChartSeries chartSeries =
new
ChartSeries();
chartSeries.Type = ChartSeriesType.Line;
chartSeries.Appearance.LabelAppearance.Visible =
false
;
}
}