Questions on UI for ASP.NET AJAX Forum

0 answers

53 views

RequiredFieldValidator for RadEditor diabling all buttons

Solved

General Discussions

asked on 18 Oct 2013

4 answers

84 views

Setting isSelectionRangeEnabled on Client-Side

I have an issue setting isSelectionRangeEnabled on the client-side

I have a dropdownlist and a slider, When the ddl has a value of 3 I want to make sure selection range is turned on.

function operatorChanged() {

var slider = $find('<%= slideNewRating.ClientID %>');

var ddlOperators = document.getElementById("<%=ddlOperators.ClientID%>");

var value = ddlOperators.options[ddlOperators.selectedIndex].value;

if (value == 3) {

slider.set_isSelectionRangeEnabled(true);

slider.set_selectionStart = 1;

slider.set_selectionEnd = 3;

}

else

slider.set_isSelectionRangeEnabled(false);

}

This works fine on my page. The slider instantly changes from a single value selection to a range.

My problem is after postback and trying to obtain the slider range values to use in C# to send them to the database.
I can move the 2 sliders all over track but on posting and setting breakpoint in my code i find; The isSelectionRangeEnabled value shows as true, but SelectionEnd and SelectionStart values are always 0 and the Value property is equal to what the SelectionStart value should be.

Even when I explicitly set the selection range like in my code above this occurs. Its like the control gets half set into different selection modes from the client-side.

Thoughts?

Slider

answered on 18 Oct 2013

0 answers

74 views

In Q3 2013 the clicking of default RadButton is not raised when Enter key is pressed inside a password TextBox

This issue is fixed in Q1 2013 SP1.

In Q3 2013 the clicking of RadButton is not raised when Enter key is pressed inside a password TextBox and the RadButton is set to be the default button for the form (Link to feedback portal).

The issue will be fixed for the upcoming Q3 2013 SP1. For the time being the following workaround can be used:

This is a common setup that will cause the problem described above:

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>

<asp:TextBox runat="server" ID="TextBox1" TextMode="Password" />

<telerik:RadButton runat="server" ID="RadButton1" Text="Submit" />

</form>

This function override should be placed at the end of the page to fix the issues:

<script type="text/javascript">

Telerik.Web.UI.RadButton.prototype._isInputTypeText = function (element) {

var nodeName = element.nodeName,

type = element.type;

if (nodeName != "INPUT" || !type) return false;

return type == "text" || type == "password" || type == "email" || type == "number" || type == "url" || type == "search" || type == "tel";

}

</script>

Button

asked on 18 Oct 2013

1 answer

74 views

RadGrid Column Resizing Issue

Dear Telerik Team,

Column resizing in radgrid don't work appropriately.
In this demo http://demos.telerik.com/aspnet-ajax/grid/examples/client/resizing/defaultcs.aspx I can't resize a column more than once so the arrow (<-->) don't show after the first resize

Thanks in advance.

Tarek

Grid

answered on 18 Oct 2013

1 answer

93 views

Resource Not Found when using Ajax (asp:UpdatePanel and RadAjaxManager)

Hi,

I have a very weird error. Im getting 404 resource not found whenever I'm using AJAX in my page. When I comment this out, I don't encounter it.

My page has a user control which is as follows:

<div id="divMakeApptCustInfo" class="box" style="border: 0" runat="server">

<asp:UpdatePanel ID="updPnlMakeApptCustInfo" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<table style="margin-left:20px" runat="server">

<tr class="datarow">

<td class="label-reschedule" style="padding-bottom: 20px;">

<asp:Label ID="Label12" runat="server" Text="ID Number"></asp:Label>

<span class="sign">*</span>

</td>

<td style="padding-bottom: 20px;">

<asp:TextBox runat="server" ID="txtIdNo" Width="250px" OnTextChanged="txtIdNo_OnChange" AutoPostBack="true"></asp:TextBox>

</td>

</tr>

<tr class="datarow">

<td class="label-reschedule">

<asp:Label ID="Label15" runat="server" Text="Name"></asp:Label>

<span class="sign">*</span>

</td>

<td style="padding-bottom: 20px;">

<asp:TextBox runat="server" ID="txtCustomerName" MaxLength="66" Width="250px"></asp:TextBox>

</td>

</tr>

<tr class="datarow">

<td class="label-reschedule">Enter Verification Code <span class="sign">* </span> </td>

<td id="liCapchaUC" style="padding-top: 3px;">

<asp:UpdatePanel ID="updPnlCaptchaUC" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<telerik:RadCaptcha ID="rdcaptcha" CaptchaAudioLinkButtonText=""

runat="server" ValidationGroup="submitGroupMakeAppt" InvisibleTextBoxLabel="true" EnableRefreshImage="true" ValidatedTextBoxID="txtCaptchaUC"

CaptchaLinkButtonText="" Display="Dynamic" ProtectionMode="Captcha" Height="100px">

<CaptchaImage Width="280" Height="50" EnableCaptchaAudio="true" ImageCssClass="imgcss"

RenderImageOnly="True" TextColor="black" BackgroundNoise="None" LineNoise="None" FontWarp="None" />

</telerik:RadCaptcha>

</ContentTemplate>

</asp:UpdatePanel>

<asp:TextBox ID="txtCaptchaUC" runat="server" ToolTip="Please enter the upper code" tabindex="2"

MaxLength="5" AutoComplete="off" CssClass="rcTextBoxClass"></asp:TextBox>

</td>

</tr>

</table>

</ContentTemplate>

</asp:UpdatePanel>

</div>

My requirements is to populate the customer name based on the entered Id's ontextchange event. Everything is ok on the first page_load. The page has a Continue button and when I click Continue, I proceed to the next page. On the next page, there's a back button. When I click the back button, then enter the Id again, I get the resource not found error. I have also tried using telerik: RadAjaxManagerProxy instead of asp:UpdatePanels, as shown below:

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server" >

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="txtIdNo">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="txtCustomerName"/>

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="txtCustomerName">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="txtCustomerName"/>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

but i'm also encountering the same error. Please advise why this is happening. Any help is greatly appreciated! In my back button, I'm just calling Server.Transfer to my main page.

Thanks!

Ajax

answered on 18 Oct 2013

3 answers

102 views

RadListView + radDataPager + Ajax (panel or manager))

Hello

I would like to add a ajax manager like this sample and it's doesn't work ? do you know why ?

http://www.telerik.com/help/aspnet-ajax/listview-datapager-for-paging.html

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RLV_BIEN">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RLV_BIEN" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" MinDisplayTime="0" Skin="Metro"/>

<telerik:RadListView ID="RLV_BIEN" runat="server" ItemPlaceholderID="EmployeesContainer" DataSourceID="WbAffaires" OnItemDataBound="RLV_BIEN_Affaires_ItemDataBound"

AllowPaging="True" AllowSorting="true" DataKeyNames="bi_id">

<LayoutTemplate>

<fieldset style="width:635px;" id="RLV_BIEN">

<legend></legend>

<telerik:RadDataPager ID="RadDataPager1" PagedControlID="RLV_BIEN" runat="server" CssClass="RadDataPager" PageSize="10">

<Fields>

<telerik:RadDataPagerPageSizeField PageSizeText="Biens par page" PageSizes="10,20,30"/>

<telerik:RadDataPagerButtonField FieldType="FirstPrev" FirstButtonText="First" PrevButtonText="Prev" />

<telerik:RadDataPagerButtonField FieldType="Numeric" PageButtonCount="5"></telerik:RadDataPagerButtonField>

<telerik:RadDataPagerButtonField FieldType="NextLast" NextButtonText="Next" LastButtonText="Last" />

<telerik:RadDataPagerTemplatePageField>

<PagerTemplate>

<asp:DropDownList runat="server" ID="DDL_TRI" OnSelectedIndexChanged="DDL_TRI_SelectedIndexChanged" AutoPostBack="true" CssClass="DDL_LIST_BIEN">

<asp:ListItem Text="Choisir votre tri" Value="" Selected="true"></asp:ListItem>

<asp:ListItem Text="Prix ascendant" Value="prixasc" ></asp:ListItem>

<asp:ListItem Text="Prix descendant" Value="prixdesc"></asp:ListItem>

<asp:ListItem Text="Date plus recent" Value="dateasc"></asp:ListItem>

<asp:ListItem Text="Date moins recent" Value="datedesc"></asp:ListItem>

<asp:ListItem Text="Surface ascendant" Value="surfaceasc"></asp:ListItem>

<asp:ListItem Text="Surface descendant" Value="surfacedesc"></asp:ListItem>

<asp:ListItem Text="Nb pièce ascendant" Value="pieceasc"></asp:ListItem>

<asp:ListItem Text="Nb pièce descendant" Value="piecedesc"></asp:ListItem>

<asp:ListItem Text="Nature du bien" Value="naturebien"></asp:ListItem>

</asp:DropDownList>

</PagerTemplate>

</telerik:RadDataPagerTemplatePageField>

</Fields>

</telerik:RadDataPager><br />

<asp:PlaceHolder ID="EmployeesContainer" runat="server">

</asp:PlaceHolder>

<div class="clear"></div>

<telerik:RadDataPager ID="RadDataPager2" PagedControlID="RLV_BIEN" runat="server" CssClass="RadDataPager" PageSize="10" >

<Fields>

<telerik:RadDataPagerPageSizeField PageSizeText="Biens par page" PageSizes="10,20,30"/>

<telerik:RadDataPagerButtonField FieldType="FirstPrev" FirstButtonText="First" PrevButtonText="Prev" />

<telerik:RadDataPagerButtonField FieldType="Numeric" PageButtonCount="5"></telerik:RadDataPagerButtonField>

<telerik:RadDataPagerButtonField FieldType="NextLast" NextButtonText="Next" LastButtonText="Last" />

<telerik:RadDataPagerTemplatePageField>

<PagerTemplate>

<asp:DropDownList runat="server" ID="DDL_TRI2" OnSelectedIndexChanged="DDL_TRI_SelectedIndexChanged" AutoPostBack="true" CssClass="DDL_LIST_BIEN">

<asp:ListItem Text="Choisir votre tri" Value="" Selected="true"></asp:ListItem>

<asp:ListItem Text="Prix ascendant" Value="prixasc"></asp:ListItem>