FormDecorator not decorating FieldSet in Chrome

14 posts, 1 answers
  1. Sean
    Sean avatar
    200 posts
    Member since:
    Nov 2010

    Posted 29 Mar 2011 Link to this post

    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.

  2. Bozhidar
    Admin
    Bozhidar avatar
    677 posts

    Posted 30 Mar 2011 Link to this post

    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">
    <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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Sean
    Sean avatar
    200 posts
    Member since:
    Nov 2010

    Posted 30 Mar 2011 Link to this post

    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
  5. Answer
    Pero
    Admin
    Pero avatar
    1156 posts

    Posted 31 Mar 2011 Link to this post

    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">
    <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.
  6. Sean
    Sean avatar
    200 posts
    Member since:
    Nov 2010

    Posted 23 Sep 2011 Link to this post

    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
  7. Niko
    Admin
    Niko avatar
    387 posts

    Posted 28 Sep 2011 Link to this post

    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.
  8. Sean
    Sean avatar
    200 posts
    Member since:
    Nov 2010

    Posted 28 Sep 2011 Link to this post

    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. 
  9. Niko
    Admin
    Niko avatar
    387 posts

    Posted 29 Sep 2011 Link to this post

    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.
  10. Santosh
    Santosh avatar
    24 posts
    Member since:
    Sep 2013

    Posted 22 Nov 2013 Link to this post

    Hello Admin,
       my issues is i m having fieldset and <legend>add</legend>in a page.but when i click on update i will get same page with <legend>add</legend> but i should get value as<legend>update</legend> in any manner like.cs,or javascripts .... is there any way to slove this issue
  11. Santosh
    Santosh avatar
    24 posts
    Member since:
    Sep 2013

    Posted 27 Nov 2013 Link to this post

    Hello 
    Give some reply to my post .... 5 days up but no reply 
  12. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 27 Nov 2013 Link to this post

    Hi Santosh,

    Could you please elaborate more into the issue you are experiencing? Do you mean that the legend in the fieldset cannot be changed on the client if the RadFormDecorator is used on the page? If that is so I have tried to reproduce the issue but to no avail. You can watch a short video with the test and then tell me what I am missing.

    If that is not the case I can suggest that you provide more information about the issue or try to reproduce it with the attached VS example and then tell us what changes you have made, so that we can make an investigation locally.

    Note also that we guarantee 24h response time for support tickets which require subscription while the response for the forum threads are not guaranteed.

    Regards,
    Danail Vasilev
    Telerik
    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.
  13. Santosh
    Santosh avatar
    24 posts
    Member since:
    Sep 2013

    Posted 27 Nov 2013 Link to this post

    Hello Admin,
                        Thanks for the reply ....  seen ur example suits for  my project  and tried  but i m not getting "onclientclicked".we are using <asp:button> so we get onclick and onclientclick. irrespective of javascript  we have any other option to write in aspx.cs or is their any preview in telerik if there place the link.
  14. Santosh
    Santosh avatar
    24 posts
    Member since:
    Sep 2013

    Posted 30 Nov 2013 Link to this post

    Hello Admin,
                         Waiting for the reply !!!! 
  15. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 01 Dec 2013 Link to this post

    Hi Santosh,

    Please have a look into the following code snippet to change the legend text using C#.

    ASPX:
    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
    <fieldset id="Fieldset1" runat="server">
        <legend id="Legend1" runat="server">add </legend>
    </fieldset>
    <asp:Button ID="Button1" runat="server" Text="Update Legend" OnClick="Button1_Click" />

    C#:
    protected void Button1_Click(object sender, EventArgs e)
    {
        Legend1.InnerText = "Update";
    }

    Hope this will helps you.
    Thanks,
    Shinu.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017