DevTools for .NET

Products Dropdown menu
The Ultimate toolbox for developers
WEB UI CONTROLS & COMPONENTS
DESKTOP UI CONTROLS & COMPONENTS
- WPF
- WinForms
VISUAL STUDIO PRODUCTIVITY TOOLS
HTML5 / JavaScript Widgets
DATA TOOLS
- Reporting
- OpenAccess
MOBILE UI CONTROLS
- Windows Phone
Unit & Functional Testing
- Test Studio Express
- JustMock
Download Free Trial With dedicated support.
Online demos
Free trials
Purchase Dropdown menu
Buy the Ultimate toolbox for developers
Buy Online
Call us
- USA:+1-888-365-2779
- UK:+44-20-7291-0580
- Bulgaria:+359-2-8099850
- Germany:+49-89-2441642-70
Community & Support Dropdown menu
Welcome to the Telerik community
Community programs
Like us on facebook Follow us on twitter
Services
Blogs

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAXFormDecoratorFormDecorator not decorating FieldSet in Chrome

Answered FormDecorator not decorating FieldSet in Chrome

Feed from this thread

Sean Master
Posted on Mar 29, 2011 (permalink)

Hi Telerik,

I am using Telerik.Web.UI 2010.3.1317.40 and on Google Chrome 10.0.648.204 and I am not seeing the FieldSet's legend become decorated as it should be. I do not see this issue in IE 8. The RadFormDecorator is set to decorate all controls, yet the legend stays black text when it is blue in IE8.

Any suggestions on why this would be happening?

EDIT:

Hi, I am experiencing a different issue for IE8 that is also related to RadFormDecorator.

I have a field set with static height. Sometimes, though, I add more controls or hide controls from inside this field set. In these scenarios I have to change the height to another value. When I do this, the rendering for the control breaks when RadFormDecorator is decorating the control. How can I solve this issue?

Attached are two images. NoDecor shows the RadWindow without the decorator active. Decor shows it with the decorator active. Both are after I have changed the height of the FieldSet using javascript.
Attached files
- nodecor.png
- decor.png
Reply

Bozhidar Bozhidar

Posted on Mar 30, 2011 (permalink)

Hi Sean,

Thank you for reporting that to us. We are aware of that problem (legend text color), and it will be fixed for the next official release - Q1, SP1 2011.

If you need an urgent fix, you could use the following:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!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></title>

    <style type="text/css">

        .RadForm_Web20.rfdFieldset legend

        {

            color: #6788be;

        }

    </style>

</head>

<body>

    <form id="form1" runat="server">

    <asp:ScriptManager ID="ScriptManager1" runat="server">

    </asp:ScriptManager>

    <telerik:RadFormDecorator runat="server" ID="rf1" DecoratedControls="All" Skin="Web20" />

    <fieldset style="width: 500px; clear: both; display: block;">

        <legend>Legend Title</legend>

        <asp:CheckBox ID="check1" runat="server" Text="Check this!" />

        <asp:Button ID="btn1" runat="server" Text="Button" />

    </fieldset>

    </form>

</body>

</html>

I have used the Web20 skin for the fix example as I could see you are using it in your project.

As for the second problem and fieldset height in IE8, we know about that, but when changing the height dynamically that behavior could not be prevent in IE, where a different rendering is used in order to have fieldset with rounded corners.

In all modern browsers we are using CSS property border-radius, while in IE-6-IE8 the rounded corners are rendered with a table.

There is one partial solution, which is to set fieldset height explicitly to be not less than your highest content.

Another options is to set fieldset height explicitly and each time when you change the content to calculate it and to set new height to the fieldset.

Regards,
Bojo
the Telerik team

Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.

Reply

Sean Master

Posted on Mar 30, 2011 (permalink)

Hi Bojo,

Thank you for your quick reply and thank you for showing me a work around until Q1 SP1 2011.

Regarding my second problem, unfortunately I am already setting the fieldset dimensions directly and not letting it auto-expand.

function OnClientSelectedIndexChanged(sender, eventArgs) {

    var item = eventArgs.get_item();

    var itemValue = item.get_value();

    if (itemValue == "PieChart") {

        document.getElementById('HideCheckBoxWhenDecorated').style.display = 'none';

        document.getElementById('ChartProperties').style.height = "70px";

    }

    else if (itemValue == "LineChart") {

        document.getElementById('HideCheckBoxWhenDecorated').style.display = '';

        document.getElementById('ChartProperties').style.height = "94px";

    }

}

ChartProperties is the fieldset ID.

<fieldset id="ChartProperties" style="height: 70px; width: 380px; padding-right: 10px;">

    <legend>Chart Properties</legend>

Do you know any possible solutions for this when setting height manually?

Regards,

Sean Anderson

Reply

Answer Pero Pero

Posted on Mar 31, 2011 (permalink)

Hi Sean,

This is expected behavior of the FormDecorator under IE browsers, because the height of the <fieldset/> is set to a fixed value, and the FormDecorator does not recalculate the height of the <table/> used to accomplish rounded corners. To work around this issue, we would need a bit of custom JavaScript and CSS. Basically what we do is, we add another CSS class to the <table/> element and to some of its <td/>s, to help us change the height through CSS. The CSS class is added only in the cases when the height is 94 pixels.
Here is a sample code demonstrating the approach:

<!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></title>

    <style type="text/css">

        .rfdHeight94 .rfdRoundedOuter, .rfdHeight94 .rfdRoundedInner

        {

            height: 85px !important;

        }

        .rfdHeight94 .rfdTD94 .rfdRoundedInner

        {

            height: 87px !important;

        }



        /*IE7 specific CSS*/

        *+html .rfdHeight94 .rfdRoundedOuter,

        *+html .rfdHeight94 .rfdRoundedInner

        {

            height: 84px !important;

        }

        *+html .rfdHeight94 .rfdTD94 .rfdRoundedInner

        {

            height: 86px !important;

        }

    </style>

</head>

<body>

    <form id="form1" runat="server">

    <asp:ScriptManager ID="RadScriptManager1" runat="server">

    </asp:ScriptManager>

    <script type="text/javascript">

        function OnClientSelectedIndexChanged(sender, eventArgs)

        {

            var item = eventArgs.get_item();

            var itemValue = item.get_value();

            var chartFieldset = document.getElementById('ChartProperties');

            if (itemValue == "PieChart")

            {

                document.getElementById('HideCheckBoxWhenDecorated').style.display = 'none';

                chartFieldset.style.height = "70px";

            }

            else if (itemValue == "LineChart")

            {

                document.getElementById('HideCheckBoxWhenDecorated').style.display = '';

                chartFieldset.style.height = "94px";

            }

            if (!$telerik.isIE)

                return;

            //IE specific code

            var tableFieldset = chartFieldset.parentNode;

            while (tableFieldset.className.indexOf("rfdRoundedWrapper_fieldset") == -1)

            {

                tableFieldset = tableFieldset.parentNode;

            }

            var previousTD = chartFieldset.parentNode.previousSibling;

            var nextTD = chartFieldset.parentNode.nextSibling;

            if (itemValue == "PieChart")

            {

                Sys.UI.DomElement.removeCssClass(tableFieldset, "rfdHeight94");

                Sys.UI.DomElement.removeCssClass(previousTD, "rfdTD94");

                Sys.UI.DomElement.removeCssClass(nextTD, "rfdTD94");

            }

            else if (itemValue == "LineChart")

            {

                Sys.UI.DomElement.addCssClass(tableFieldset, "rfdHeight94");

                Sys.UI.DomElement.addCssClass(previousTD, "rfdTD94");

                Sys.UI.DomElement.addCssClass(nextTD, "rfdTD94");

            }

        }

    </script>

    <telerik:RadFormDecorator ID="rfd1" runat="server" Skin="Web20" DecoratedControls="All" />

    <div>

        <%--<input type="button" onclick="ChangeHeight(this);" value="ChangeHeight" />--%>

        <fieldset id="ChartProperties" style="height: 70px; width: 380px; padding-right: 10px;">

            <legend>Chart Properties</legend>

            <telerik:RadComboBox ID="RadComboBox1" runat="server" Skin="Web20" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged">

                <Items>

                    <telerik:RadComboBoxItem runat="server" Text="Pie Chart" Value="PieChart" />

                    <telerik:RadComboBoxItem runat="server" Text="Line Chart" Value="LineChart" />

                </Items>

            </telerik:RadComboBox>

            <table>

                <tr>

                    <td class="TimeframeRestricted">

                        Timeframe Restricted:

                    </td>

                    <td class="TimeframeCheckbox">

                        <asp:CheckBox ID="CheckBox3" runat="server" AutoPostBack="True" />

                    </td>

                    <td class="TimeframeDateTimePickers">

                        <telerik:RadDateTimePicker ID="RadDateTimePicker1" runat="server" Skin="Web20" Enabled="False"

                            Culture="en-US" EnableTyping="False" PopupDirection="TopLeft">

                            <TimeView ID="TimeView1" runat="server" CellSpacing="-1">

                            </TimeView>

                            <TimePopupButton CssClass="rcTimePopup rcDisabled" ImageUrl="" HoverImageUrl="">

                            </TimePopupButton>

                            <Calendar ID="Calendar1" runat="server" Skin="Web20" UseColumnHeadersAsSelectors="False"

                                UseRowHeadersAsSelectors="False" ViewSelectorText="x">

                            </Calendar>

                            <DateInput ID="DateInput1" runat="server" DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy"

                                ReadOnly="True">

                            </DateInput>

                            <DatePopupButton CssClass="rcCalPopup rcDisabled" ImageUrl="" HoverImageUrl=""></DatePopupButton>

                        </telerik:RadDateTimePicker>

                    </td>

                </tr>

                <tr id="HideCheckBoxWhenDecorated" style="display: none;">

                    <td class="DataPointsShown">

                        <asp:Label ID="Label2" runat="server" Text="Data Points Shown:"></asp:Label>

                    </td>

                    <td class="DatapointsCheckbox">

                        <asp:CheckBox ID="CheckBox4" runat="server" AutoPostBack="True" />

                    </td>

                    <td class="TimeframeDateTimePickers">

                        <telerik:RadDateTimePicker ID="RadDateTimePicker2" runat="server" Skin="Web20" Enabled="False"

                            Culture="en-US" EnableTyping="False" PopupDirection="TopLeft">

                            <TimeView ID="TimeView2" runat="server" CellSpacing="-1">

                            </TimeView>

                            <TimePopupButton CssClass="rcTimePopup rcDisabled" ImageUrl="" HoverImageUrl="">

                            </TimePopupButton>

                            <Calendar ID="Calendar2" runat="server" Skin="Web20" UseColumnHeadersAsSelectors="False"

                                UseRowHeadersAsSelectors="False" ViewSelectorText="x">

                            </Calendar>

                            <DateInput ID="DateInput2" runat="server" DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy"

                                ReadOnly="True">

                            </DateInput>

                            <DatePopupButton CssClass="rcCalPopup rcDisabled" ImageUrl="" HoverImageUrl=""></DatePopupButton>

                        </telerik:RadDateTimePicker>

                    </td>

                </tr>

            </table>

        </fieldset>

    </div>

    </form>

</body>

</html>

Let me know if you need further assistance.

Best wishes,
Pero
the Telerik team

Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.

Reply

Sean Master

Posted on Sep 23, 2011 (permalink)

Hi Pero,

I am revisiting this thread because I realized the IE-specific code was not actually being called. I am unsure if it was ever successfully called.

Here's what I'm working with currently:

<%@ Page Language="C#" EnableViewState="False" AutoEventWireup="True" CodeBehind="HistoricalLocalSettings.aspx.cs" Inherits="CableSolve.Web.Dashboard.Dialog.Windows.HistoricalLocalSettings" %>

<!DOCTYPE html>

<html lang="en">

    <head runat="server">

        <title></title>

    </head>

    <body>

        <form id="form1" runat="server">

            <telerik:RadScriptBlock ID="RadScriptBlock1" Runat="Server" >

                <link rel="stylesheet" type="text/css" href="../../../Content/Dashboard/HistoricalLocalSettings.css?t=<%= DateTime.Now.Ticks %>" />

            </telerik:RadScriptBlock>

            <telerik:RadScriptManager ID="RadScriptManager1" Runat="server" EnablePageMethods="True">

                <CompositeScript>

                    <Scripts>

                        <asp:ScriptReference Path="~/Scripts/Dashboard/HistoricalLocalSettings.js" />

                        <asp:ScriptReference Path="~/Scripts/jquery-1.4.1.min.js" />

                    </Scripts>

                </CompositeScript>

            </telerik:RadScriptManager>

            <telerik:RadFormDecorator ID="RadFormDecorator1" Runat="server" DecoratedControls="All" Skin="Web20" />

            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline" RequestQueueSize="4">

                <AjaxSettings>

                    <telerik:AjaxSetting AjaxControlID="CheckBox1">

                        <UpdatedControls>

                            <telerik:AjaxUpdatedControl ControlID="RadNumericTextBox1" />

                        </UpdatedControls>

                    </telerik:AjaxSetting>

                    <telerik:AjaxSetting AjaxControlID="CheckBox2">

                        <UpdatedControls>

                            <telerik:AjaxUpdatedControl ControlID="CheckBox2" />

                        </UpdatedControls>

                    </telerik:AjaxSetting>

                    <telerik:AjaxSetting AjaxControlID="RadButton1">

                        <UpdatedControls>

                            <telerik:AjaxUpdatedControl ControlID="RadButton1" />

                        </UpdatedControls>

                    </telerik:AjaxSetting>

                </AjaxSettings>

            </telerik:RadAjaxManager>

            <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

                <script type="text/javascript">

                    var radNumericTextBox1ID = "<%= RadNumericTextBox1.ClientID %>";

                    var radComboBox1ID = "<%= RadComboBox1.ClientID %>";

                    var radDateTimePicker1ID = "<%= RadDateTimePicker1.ClientID %>";

                    var radDateTimePicker2ID = "<%= RadDateTimePicker2.ClientID %>";

                    var checkBox1ID = "<%= CheckBox1.ClientID %>";

                    var checkBox2ID = "<%= CheckBox2.ClientID %>";

                    var checkBox3ID = "<%= CheckBox3.ClientID %>";

                </script>

            </telerik:RadCodeBlock>

            <fieldset id="RefreshProperties" >

                <legend>Refresh Settings</legend>

                <div id="RefreshArea">

                    <div id="RefreshLeftSide">

                        Auto-Refresh Enabled:

                        <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox1_CheckedChanged" />

                    </div>

                    <div id="RefreshRightSide">

                        <telerik:RadNumericTextBox ID="RadNumericTextBox1" Runat="server" Label="Auto-Refresh Interval (Minutes):" MaxValue="60" MinValue="1" ShowSpinButtons="True" Value="1" Width="225px" Enabled="False" LabelCssClass="riLabel LabelDisabled" DataType="System.Int32">

                            <NumberFormat DecimalDigits="0" AllowRounding="False" />

                        </telerik:RadNumericTextBox>

                    </div>

                </div>

            </fieldset>

            <fieldset id="ChartProperties">

                <legend>Chart Properties</legend>

                <div id="ChartArea">

                    <telerik:RadComboBox ID="RadComboBox1" Runat="server" Skin="Web20" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged">

                        <Items>

                            <telerik:RadComboBoxItem Runat="server" Text="Line Chart" Value="LineChart" />

                            <telerik:RadComboBoxItem Runat="server" Text="Pie Chart" Value="PieChart" />

                        </Items>

                    </telerik:RadComboBox>

                    <table>

                        <tr>

                            <td class="TimeframeRestricted">

                                Timeframe Restricted:</td>

                            <td class="TimeframeCheckbox">

                               <asp:CheckBox ID="CheckBox2" Runat="server" AutoPostBack="True" oncheckedchanged="CheckBox2_CheckedChanged" />

                            </td>

                            <td class="TimeframeDateTimePickers">

                                <telerik:RadDateTimePicker ID="RadDateTimePicker1" Runat="server" Skin="Web20" Enabled="False" Culture="en-US" EnableTyping="False">

                                    <TimeView Runat="server" CellSpacing="-1" />

                                    <TimePopupButton ImageUrl="" HoverImageUrl="" />

                                    <Calendar Runat="server" Skin="Web20" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" ViewSelectorText="x" />

                                    <DateInput Runat="server" DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy" readonly="True" />

                                    <DatePopupButton ImageUrl="" HoverImageUrl="" />

                                    <ClientEvents OnPopupClosing="OnPopupClosing" OnPopupOpening="OnPopupOpening" />

                                </telerik:RadDateTimePicker>

                            </td>

                        </tr>

                        <tr>

                            <td class="DataPointsShown" >

                                <span id="HideLabelWhenDecorated">

                                    <asp:Label ID="Label2" Runat="server" Text="Data Points Shown:" />

                                </span>

                            </td>

                            <td >

                                <span id="HideCheckBoxWhenDecorated">

                                    <asp:CheckBox ID="CheckBox3" Runat="server" />

                                </span>

                            </td>

                            <td class="TimeframeDateTimePickers">

                                <telerik:RadDateTimePicker ID="RadDateTimePicker2" Runat="server" Skin="Web20" Enabled="False" Culture="en-US" EnableTyping="False">

                                    <TimeView Runat="server" CellSpacing="-1"/>

                                    <TimePopupButton ImageUrl="" HoverImageUrl=""/>

                                    <Calendar Runat="server" Skin="Web20" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" ViewSelectorText="x"/>

                                    <DateInput Runat="server" DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy" ReadOnly="True"/>

                                    <DatePopupButton ImageUrl="" HoverImageUrl=""/>

                                    <ClientEvents OnPopupClosing="OnPopupClosing" OnPopupOpening="OnPopupOpening" />

                                </telerik:RadDateTimePicker>

                            </td>

                        </tr>

                    </table>

                </div>

            </fieldset>

            <div class="BottomButton">

                <telerik:RadButton ID="RadButton1" Runat="server" Skin="Web20" Text="Apply" OnClientClicked="CloseAndSave" />

            </div>

        </form>

    </body>

</html>

function ValidateWindowState(comboBoxSelectedValue) {

    var chartFieldset = document.getElementById('ChartProperties');

    checkBox2 = document.getElementById(checkBox2ID);

    if (comboBoxSelectedValue == "PieChart") {

        document.getElementById('HideCheckBoxWhenDecorated').style.display = 'none';

        document.getElementById('HideLabelWhenDecorated').style.display = 'none';

        radDateTimePicker2.set_visible(false);

        chartFieldset.style.height = "70px";

        radDateTimePicker1.set_enabled(checkBox2.checked);

    }

    else if (comboBoxSelectedValue == "LineChart") {

        document.getElementById('HideCheckBoxWhenDecorated').style.display = '';

        document.getElementById('HideLabelWhenDecorated').style.display = '';

        radDateTimePicker2.set_visible(true);

        chartFieldset.style.height = "94px";

        radDateTimePicker1.set_enabled(checkBox2.checked);

        radDateTimePicker2.set_enabled(checkBox2.checked);

    }

    //IE Specific patching

    if ($telerik.isIE) {

        var tableFieldset = chartFieldset.parentNode;

        if (tableFieldset && tableFieldset.className) {

            while (tableFieldset.className.indexOf("rfdRoundedWrapper_fieldset") == -1) {

                tableFieldset = tableFieldset.parentNode;

            }

            var previousTD = chartFieldset.parentNode.previousSibling;

            var nextTD = chartFieldset.parentNode.nextSibling;

            alert(comboBoxSelectedValue);

            if (comboBoxSelectedValue == "PieChart") {

                Sys.UI.DomElement.removeCssClass(tableFieldset, "rfdHeight94");

                Sys.UI.DomElement.removeCssClass(previousTD, "rfdTD94");

                Sys.UI.DomElement.removeCssClass(nextTD, "rfdTD94");

            }

            else if (comboBoxSelectedValue == "LineChart") {

            alert("adding class");

                Sys.UI.DomElement.addCssClass(tableFieldset, "rfdHeight94");

                Sys.UI.DomElement.addCssClass(previousTD, "rfdTD94");

                Sys.UI.DomElement.addCssClass(nextTD, "rfdTD94");

            }

        }

    }

}

.rfdHeight94 .rfdRoundedOuter, .rfdHeight94 .rfdRoundedInner

{

    height: 85px !important;

}

.rfdHeight94 .rfdTD94 .rfdRoundedInner

{

    height: 87px !important;

}

I am attempting to fix the rounded corners under just IE8. When the fieldset size changes, the table doesn't adjust. Through debugging, I was able to find that in the "IE Specific Code" section of Javascript, although tableFieldset is defined, its classname is not. The line "if (tableFieldset && tableFieldset.className) {" is never stepped into. I am not sure why.

I played around with removing the if condition, but then the while loop starts throwing null-reference errors.

Any help would be appreciated.

Cheers,

Sean

Reply

Niko Niko

Posted on Sep 28, 2011 (permalink)

Hello Sean,

It is indeed very strange if this check - $telerik.isIE, does not work. Could you, please, check in an IE browser console that the $telerik.isIE is indeed true and that the ValidateWindowState method is called without any JavaScript errors arising before the execution reaches the concrete if statement?

Kind regards,
Niko
the Telerik team
Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.

Reply

Sean Master
Posted on Sep 28, 2011 (permalink)

Hi Niko,

Sorry, it seems I was unclear. The issue is not that $telerik.isIE is incorrect or not. The problem is that .className is empty, which prevents further stepping into the if statement. I've attached a screenshot as clarification. As you can see, I've alert'ed the value of className to the screen. It is blank, which causes the statement "if (tableFieldset && tableFieldset.className)" to evaluate to false.

EDIT: I am confident in saying that there are no errors on the page. Tested under IE8 and IE9. If I remove the check in the if statement for tableFieldset.classname then the while loop iterates until out of bounds.
Attached files
- className-is-empty.png
Reply

Niko Niko

Posted on Sep 29, 2011 (permalink)

Hi Sean,

This particular condition is indeed peculiar, because I don't seem to find it in the sample code my colleague, Pero, has provided. At the same time there should be a check if the fix should be actually applied, i.e. the rounded corners are rendered with the help of extra DOM elements. A way to work around this issue in this code snippet is to rely on the jQuery traversing capabilities. Here is a sample implementation that may help in the situation:

//IE Specific patching

if ($telerik.isIE) {

    var tableFieldset = $telerik.$(chartFieldset).parents("table.rfdRoundedWrapper_fieldset").filter("table.rfdRoundedWrapper_fieldset");



    if (tableFieldset.length) {//if the jQuery object contains no elements found, then we should skip the fix.

        tableFieldset = tableFieldset[0];

        var previousTD = chartFieldset.parentNode.previousSibling;

        var nextTD = chartFieldset.parentNode.nextSibling;

        alert(comboBoxSelectedValue);

        if (comboBoxSelectedValue == "PieChart") {

            Sys.UI.DomElement.removeCssClass(tableFieldset, "rfdHeight94");

            Sys.UI.DomElement.removeCssClass(previousTD, "rfdTD94");

            Sys.UI.DomElement.removeCssClass(nextTD, "rfdTD94");

        }

        else if (comboBoxSelectedValue == "LineChart") {

        alert("adding class");

            Sys.UI.DomElement.addCssClass(tableFieldset, "rfdHeight94");

            Sys.UI.DomElement.addCssClass(previousTD, "rfdTD94");

            Sys.UI.DomElement.addCssClass(nextTD, "rfdTD94");

        }

    }

}

Hope this will make the patch work as expected.

Regards,
Niko
the Telerik team
Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.

Reply