I use master pages so I don't have to keep producing everything over and over... So Default.aspx uses Main.master. I have the script manager on the master page (otherwise I can't have the menu there), I have 2 combo boxes of Default.aspx, c1 dynamically loads items in c2. Seeing as theres a VS bug that prevents the use of ScriptManager etc, I opted to use the RadAjaxPanel (which I used heavily in previous apps) and nope... I get 1 of 2 outcomes... either a full page postback (even though its in a RadAjaxPanel) or (this one is just lovely) the controls disappear! and not just the ones on Default.aspx.... but the menu on master page as well! But lets throw an added twist... hover you mouse over the areas where the dropdown boxes 'should' be... majically, out of the depths of nowhere, the dropdown items appear! So being that I was completely baffled by this, I created a test page... it contains the 2 dropdowns, ScriptManger, and Ajax Manager... result...ajax postback... good, but (theres always a 'but')... see above issue about the disappearing controls!
So, now I ask.... what am I supposed to do? nothing works like it should (or used to) and my deadline is rapidly approaching seeing as the app was quite simple.
Heres the markup:
<%
@ Page Language="C#" AutoEventWireup="true" CodeFile="TestPAge.aspx.cs" Inherits="TestPAge" %>
<%
@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<style type="text/css">
.RadComboBox_Black
{
vertical-align:bottom;
}
.RadComboBox_Black
{
font:12px "segoe ui",arial,verdana,sans-serif;
color:#999;
}
.RadComboBox_Black
{
font:12px "segoe ui",arial,verdana,sans-serif;
color:#999;
}
.RadComboBox_Black
{
vertical-align:bottom;
}
.RadComboBox_Black
*
{
margin:0;
padding:0;
}
.RadComboBox_Black
*
{
margin:0;
padding:0;
}
.RadComboBox_Black
table
{
border:0;
border-collapse:collapse;
}
.RadComboBox_Black
.rcbInputCell
{
padding: 0 0 0 2px;
}
.RadComboBox_Black
.rcbInputCellLeft { background-position: 0 0; padding-left: 5px; }
.RadComboBox_Black
.rcbInputCell
{
width:100%;
height:23px;
line-height:22px;
border: 0;
vertical-align:top;
background: transparent url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Black.ComboBox.rcbBg.gif') no-repeat;
}
.RadComboBox_Black
.rcbInputCell
{
width:100%;
height:23px;
line-height:22px;
border: 0;
vertical-align:top;
background: transparent url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Black.ComboBox.rcbBg.gif') no-repeat;
}
.RadComboBox_Black
.rcbInputCellLeft { background-position: 0 0; padding-left: 5px; }
.RadComboBox_Black
.rcbInputCell
{
padding: 0 0 0 2px;
}
.RadComboBox_Black
td
{
border: 0;
}
.RadComboBox_Black
.rcbInputCell input
{
width:100%;
background:transparent;
border:0;
vertical-align:top;
padding:4px 0 0 2px;
}
.RadComboBox_Black
input
{
font:12px "segoe ui",arial,verdana,sans-serif;
color:#999;
}
.RadComboBox_Black
.rcbArrowCellRight { background-position: 0 0; }
.RadComboBox_Black
.rcbArrowCell
{
border: 0;
padding:0;
width:24px;
background: transparent url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Black.ComboBox.rcbArrowCell.gif') no-repeat;
}
.RadComboBox_Black
.rcbArrowCell
{
border: 0;
padding:0;
width:24px;
background: transparent url('mvwres://Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Black.ComboBox.rcbArrowCell.gif') no-repeat;
}
.RadComboBox_Black
.rcbArrowCellRight { background-position: 0 0; }
.RadComboBox_Black
.rcbArrowCell a
{
position:relative;
outline:none;
line-height:22px;
overflow:hidden;
display:block;
width:24px;
height:24px;
text-decoration:none;
text-indent: -9999px;
font-size: 0;
}
</style>
</
head>
<
body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="cmbCategory">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="cmbColor" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<div>
<table style="width:100%;">
<tr>
<td colspan="3"></td>
</tr>
<tr>
<td>
</td>
<td align="center">
<telerik:RadComboBox ID="cmbCategory" Runat="server" onselectedindexchanged="cmbCategory_SelectedIndexChanged"
Skin="Black" Text="[ Select Division ]" AutoPostBack="True">
<Items>
<telerik:RadComboBoxItem runat="server"
Text="Boys Under 4" Value="Boys Under 4" />
<telerik:RadComboBoxItem runat="server"
Text="Girls Under 10" Value="Girls Under 10" />
</Items>
<CollapseAnimation Type="OutQuint" Duration="200">
</CollapseAnimation>
</telerik:RadComboBox>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td align="center">
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td align="center">
<telerik:RadComboBox ID="cmbColor" Runat="server"
Skin="Black">
<CollapseAnimation Type="OutQuint" Duration="200">
</CollapseAnimation>
</telerik:RadComboBox>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</
table>
</div>
</form>
</
body>
</
html>
3 Answers, 1 is accepted
You can resolve this problem quickly if you move the CSS declaration in a separate file. I have attached small example.
Regards,
Vlad
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
Rank 1
Telerik CSS styles are always included as separate files, not directly in the page <head>.
When you use a masterpage, you can either register the CSS files there with <link> tags, or use an ASP.NET theme.
As for the full page postback, it would be best if you open a formal support ticket, and send us a small working project, which includes all relevant settings, and demonstrates the problem. We will review it locally, and advise you further.
Best wishes,
Yavor
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center