<form id="mainForm" runat="server">
<asp:Panel ID="PanelBody" runat="server" SkinID="PageBody">
<asp:Panel ID="PanelTitle" runat="server" SkinID="PageHeader">
</
asp:Panel>
<asp:Panel ID="PanelOverviewCountry" runat="server" SkinID="PageContent">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadGrid1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel" runat="server" Height="75px" Width="75px" Transparency="20">
<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border:0;" />
</telerik:RadAjaxLoadingPanel>
<telerik:RadGrid ID="RadGrid1" Skin="WebBlue" Width="99%"
AllowSorting="True" PageSize="18" AllowPaging="True"
AllowMultiRowSelection="False" runat="server" Gridlines="None"
AutoGenerateColumns="False" AllowAutomaticInserts="true" AllowAutomaticUpdates="true"
OnItemUpdated="RadGrid1_ItemUpdated" OnItemInserted="RadGrid1_ItemInserted"
OnDataBound="RadGrid1_DataBound" OnItemCreated="RadGrid1_ItemCreated" ShowGroupPanel="true">
<MasterTableView Width="99%" Summary="RadGrid table" AutoGenerateColumns="false"
commandItemDisplay="TopAndBottom" DataKeyNames="CountryId" EditMode="InPlace">
<Columns>
<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
<ItemStyle CssClass="MyImageButton" />
</telerik:GridEditCommandColumn>
<telerik:GridBoundColumn DataField="CountryId" HeaderText="Id" ReadOnly="true" SortExpression="CountryId" UniqueName="CountryId" Visible="false"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="DisplayName" HeaderText="Display Name" SortExpression="DisplayName" UniqueName="DisplayName"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Name" HeaderText="Name" SortExpression="name" UniqueName="Name"></telerik:GridBoundColumn>
</Columns>
<EditFormSettings ColumnNumber="2" CaptionDataField="DisplayName" CaptionFormatString="Edit properties of Country {0}">
<FormTableItemStyle Wrap="False"></FormTableItemStyle>
<FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>
<FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" BackColor="White" Width="100%" />
<FormTableStyle CellSpacing="0" CellPadding="2" Height="110px" BackColor="White" />
<FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>
<EditColumn ButtonType="ImageButton"
InsertText="Insert country" UpdateText="Update country" UniqueName="EditCommandColumn1" CancelText="Cancel edit">
</EditColumn>
</EditFormSettings>
</MasterTableView>
<PagerStyle Mode="NextPrevAndNumeric" />
</telerik:RadGrid>
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Skin="WebBlue">
</telerik:RadWindowManager>
</asp:Panel>
</
asp:Panel>
<
asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<asp:DropDownList ID="ddl" runat="server"
onselectedindexchanged="ddl_SelectedIndexChanged">
<asp:ListItem Text="test1">
</asp:ListItem>
<asp:ListItem Text="test2"></asp:ListItem>
<asp:ListItem Text="test3"></asp:ListItem>
</asp:DropDownList>
<asp:Button ID="btn" Text="button" runat ="server" />
<telerik:RadComboBox ID = "TypeComboBox" runat="server" MarkFirstMatch= "True" Width = "225px"
Skin="Vista" OnTextChanged="TypeComboBox_TextChanged"
OnSelectedIndexChanged="TypeComboBox_SelectedIndexChanged">
<CollapseAnimation Type = "OutQuint" Duration = "200" ></CollapseAnimation>
<Items>
<telerik:RadComboBoxItem Text="A" />
<telerik:RadComboBoxItem Text="B" />
</Items>
</telerik:RadComboBox>
<telerik:RadTextBox ID="RateTextBox" runat="server" OnTextChanged="RateTextBox_TextChanged"
MaxLength="30" Skin="Default" Width="225px"></telerik:RadTextBox>
<telerik:RadTextBox ID = "NameTextBox" runat = "server" OnTextChanged = "NameTextBox_TextChanged" Width="225"
Skin = "Default" MaxLength="30"></telerik:RadTextBox>
<asp:TextBox ID="txt" OnTextChanged="txt_TextChanged" runat="server"></asp:TextBox>
</div>
c#
protected
void ddl_SelectedIndexChanged(object sender, EventArgs e)
{
Response.Write(ddl.Text);
}
protected void TypeComboBox_SelectedIndexChanged(object o, RadComboBoxSelectedIndexChangedEventArgs e)
{
Response.Write(e.Text);
}
protected void NameTextBox_TextChanged(object sender, EventArgs e)
{
Response.Write(((
RadTextBox)sender).Text);
}
protected void RateTextBox_TextChanged(object sender, EventArgs e)
{
Response.Write(((
RadTextBox)sender).Text);
}
protected void TypeComboBox_TextChanged(object sender, EventArgs e)
{
Response.Write(
"text change");
}
protected void txt_TextChanged(object sender, EventArgs e)
{
Response.Write(
"asp text change");
}
Hi,
I am using a RadSplitter to divide the page horizontally in a top section and content section. The content section has a RadSplitter as well, to divide it vertically in a sliding zone on the left and a "main" area, which will held the actual page's content.
Using the default skin, this works excellent, but switching to the Vista skin, I get scrollbars in the lower section. This happens on IE7, FF3 and Safari (not tested on other browsers).
The code I'm using:
<form id="form1" runat="server">
<telerik:RadScriptManager ID="ScriptManager1" runat="server">
</telerik:RadScriptManager>
<telerik:RadSplitter ID="RadSplitter1" runat="server" FullScreenMode="True" Orientation="Horizontal"
BorderSize="0" BackColor="Transparent" VisibleDuringInit="False"
PanesBorderSize="0" SplitBarsSize="" EnableEmbeddedSkins="true" Skin="Vista">
<telerik:RadPane ID="RadPane1" runat="server" Height="60">
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitBar1" runat="server" EnableResize="false" Visible="false" />
<telerik:RadPane ID="RadPane2" runat="server">
<telerik:RadSplitter ID="RadSplitter2" runat="server" VisibleDuringInit="false" EnableEmbeddedSkins="true"
Skin="Vista">
<telerik:RadPane ID="RadPane3" runat="server" Width="25" Locked="true">
<telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" Width="25" ClickToOpen="true">
<telerik:RadSlidingPane ID="RadSlidingPane1" Title="Zone 1" runat="server" Width="200"
TabView="TextOnly" MaxWidth="200" MinWidth="200" EnableResize="false">
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="RadSlidingPane2" Title="Zone 2" runat="server" Width="200"
TabView="TextOnly" MaxWidth="200" MinWidth="200" EnableResize="false">
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="RadSlidingPane3" Title="Zone 3" runat="server" Width="200"
TabView="TextOnly" MaxWidth="200" MinWidth="200" EnableResize="false">
</telerik:RadSlidingPane>
</telerik:RadSlidingZone>
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitBar2" runat="server" Visible="false" />
<telerik:RadPane ID="RadPane4" runat="server">
</telerik:RadPane>
</telerik:RadSplitter>
</telerik:RadPane>
</telerik:RadSplitter>
</form>
Is there a suggested fix for this or am I doing something wrong?