What Happened to AJAX?!?!

4 posts, 0 answers
  1. Tim
    Tim avatar
    54 posts
    Member since:
    Apr 2007

    Posted 13 May 2008 Link to this post

    I flip-flop between Web & Winforms development, so now I'm starting back into web dev for the first time this year and all I can say is what happened to Telerik AJAX??????? For the record, I should state that I'm using VS 2008. So now the problem(s)....

    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>

    &nbsp;</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>

    &nbsp;</td>

    </tr>

    <tr>

    <td>

    </td>

    <td align="center">

    &nbsp;</td>

    <td>

    &nbsp;</td>

    </tr>

    <tr>

    <td>

    &nbsp;</td>

    <td align="center">

    <telerik:RadComboBox ID="cmbColor" Runat="server"

    Skin="Black">

    <CollapseAnimation Type="OutQuint" Duration="200">

    </CollapseAnimation>

    </telerik:RadComboBox>

    </td>

    <td>

    &nbsp;</td>

    </tr>

    <tr>

    <td>

    &nbsp;</td>

    <td>

    &nbsp;</td>

    <td>

    &nbsp;</td>

    </tr>

    <tr>

    <td>

    &nbsp;</td>

    <td>

    &nbsp;</td>

    <td>

    &nbsp;</td>

    </tr>

    <tr>

    <td>

    &nbsp;</td>

    <td>

    &nbsp;</td>

    <td>

    &nbsp;</td>

    </tr>

    </

    table>

    </div>

    </form>

    </

    body>

    </

    html>

  2. Vlad
    Admin
    Vlad avatar
    11100 posts

    Posted 14 May 2008 Link to this post

    Hello Tim,

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Tim
    Tim avatar
    54 posts
    Member since:
    Apr 2007

    Posted 14 May 2008 Link to this post

    thanks for the quick response.  How would this work with a master page?  I moved the CSS to a seperate file (why is the css included on the same page, it never did that in earlier versions) and I still get the same result.  I have page2.aspx which uses masterpage.master. The comboboxes on page2.aspx sit in a RadAjaxPanel but still have a full page post back when items are selected.
  5. Yavor
    Admin
    Yavor avatar
    11 posts

    Posted 19 May 2008 Link to this post

    Hi Tim,

    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
Back to Top