Questions on UI for ASP.NET AJAX Forum

1 answer

300 views

Passing multiple select radcombox as control parameters for the objectdatasource

Requirements
Telerik Product and Version
Supported Browsers and Platforms
Components/Widgets used (JS frameworks, etc.)

PROJECT DESCRIPTION
[enter description here, together with step-by-step instructions on how to use the project]
Hi, How do I pass the checked values of the radcombobox (with checkbox option) to an object datasource? I know I can get all the checked values then put to a session variable then use session parameter. But is there any easier way?

ComboBox

answered on 29 Aug 2016

5 answers

118 views

How to cancel Remote validation in RadInputManager in OnValidating event?

I have RadInoutManager for validation in my page . one of them validate from web service and works good but i want to cancel remote validation in TextBox is empty ! I have no problme with validation RadInputManager , just if TextBox is empty so validation for call web service will be canceled until TextBox has a value .

After search i find OnValidating event . that resaid before client and server side validation in RadInputManger so i can write code here but not working and i can't cancel call w

<body>

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

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

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

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

<telerik:RadInputManager ID="RadInputManager1" runat="server">

<telerik:RegExpTextBoxSetting BehaviorID="ProvinceCode" ValidationExpression="^\d{1-10}$" FocusedCssClass="center" HoveredCssClass="center" InvalidCssClass="center" ReadOnlyCssClass="center" EnabledCssClass="center" EmptyMessageCssClass="center" DisabledCssClass="center">

<TargetControls>

<telerik:TargetInput ControlID="txtProvinceCode" />

</TargetControls>

<Validation ValidateOnEvent="Blur" Method="Find" Location="../../Services/ProvinceService.asmx" ValidationGroup="vgProvince" />

<ClientEvents OnValidating="RequireProvinceCode"></ClientEvents>

</telerik:RegExpTextBoxSetting>

</telerik:RadInputManager>

<div>

<label>ProvinceCode</label>

<asp:TextBox ID="txtProvinceCode" runat="server"></asp:TextBox>

</div>

<div>

<telerik:RadButton ID="btnSave" runat="server" Text="Save" AutoPostBack="False" ></telerik:RadButton>

</div>

</form>

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

<script>

function RequireProvinceCode(sender, args) {

var inputManager = $find("<%= RadInputManager1.ClientID %>");

var input = inputManager.get_targetInput("<%= txtProvinceCode.ClientID %>");

var val = Number(input.get_value());

console.log(val);

//args.IsValid = false;

//return false;

}

</script>

</telerik:RadCodeBlock>

eb service . I can check value od TextBox in OnValidating event but i can't cancel remote validation . please help me .

0down vote favorite

I have RadInoutManager for validation in my page . one of them validate from web service and works good but i want to cancel remote validation in TextBox is empty ! I have no problme with validation RadInputManager , just if TextBox is empty so validation for call web service will be canceled until TextBox has a value . After search i find OnValidating event . that resaid before client and server side validation in RadInputManger so i can write code here but not working and i can't cancel call web service . I can check value od TextBox in OnValidating event but i can't cancel remote validation . please help me .

<body>
<form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:

0down vote favorite

I have RadInoutManager for validation in my page . one of them validate from web service and works good but i want to cancel remote validation in TextBox is empty ! I have no problme with validation RadInputManager , just if TextBox is empty so validation for call web service will be canceled until TextBox has a value . After search i find OnValidating event . that resaid before client and server side validation in RadInputManger so i can write code here but not working and i can't cancel call web service . I can check value od TextBox in OnValidating event but i can't cancel remote validation . please help me .

<body>
<form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:

0down vote favorite

I have RadInoutManager for validation in my page . one of them validate from web service and works good but i want to cancel remote validation in TextBox is empty ! I have no problme with validation RadInputManager , just if TextBox is empty so validation for call web service will be canceled until TextBox has a value . After search i find OnValidating event . that resaid before client and server side validation in RadInputManger so i can write code here but not working and i can't cancel call web service . I can check value od TextBox in OnValidating event but i can't cancel remote validation . please help me .

<body>
<form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:

0down vote favorite

I have RadInoutManager for validation in my page . one of them validate from web service and works good but i want to cancel remote validation in TextBox is empty ! I have no problme with validation RadInputManager , just if TextBox is empty so validation for call web service will be canceled until TextBox has a value . After search i find OnValidating event . that resaid before client and server side validation in RadInputManger so i can write code here but not working and i can't cancel call web service . I can check value od TextBox in OnValidating event but i can't cancel remote validation . please help me .

<body>
<form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:

0down vote favorite

I have RadInoutManager for validation in my page . one of them validate from web service and works good but i want to cancel remote validation in TextBox is empty ! I have no problme with validation RadInputManager , just if TextBox is empty so validation for call web service will be canceled until TextBox has a value . After search i find OnValidating event . that resaid before client and server side validation in RadInputManger so i can write code here but not working and i can't cancel call web service . I can check value od TextBox in OnValidating event but i can't cancel remote validation . please help me .

<body>
<form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:

0down vote favorite

I have RadInoutManager for validation in my page . one of them validate from web service and works good but i want to cancel remote validation in TextBox is empty ! I have no problme with validation RadInputManager , just if TextBox is empty so validation for call web service will be canceled until TextBox has a value . After search i find OnValidating event . that resaid before client and server side validation in RadInputManger so i can write code here but not working and i can't cancel call web service . I can check value od TextBox in OnValidating event but i can't cancel remote validation . please help me .

<body>
<form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:

InputManager

answered on 29 Aug 2016

1 answer

112 views

RadEditor Dialogs not working

I'm currently attempting to use the RadEditor in a mixed project that contains routing for MVC, WebAPI, and Friendly URLs. I'm getting errors when I attempt to open the ImageManager dialog box from within the Editor. I suspect this has something to do with the routing rules, but all my attempts to exclude the dialogs has failed so far.

The dialogs are registered in web.config (both, system.webserver and system.web).

Does anyone have the specifics on what to add to the routing config? Or if you've encountered this, and it isn't the routing, please shed some light!

Thank you in advance,

Alex

Editor

answered on 29 Aug 2016

1 answer

211 views

Display content on right side when clicked on left side navigation menus

I would like to split a page into two columns with RadPageLayout. Left side will display all the navigation menus (links) and the right side should display the content when one of the links is clicked. I don't want to do any postback rather do some ajax may be Radajaxmanager. What specific controls should i use. Is it possible to reference the contents being displayed to some page (eg: contacts.aspx)

Navigation

answered on 29 Aug 2016

1 answer

104 views

Slow closing RadWindow Lightweight rendering in Internet Explorer

Guys,

I am facing a performance issue when closing a radwindow Lightweight rendering in only IE browser (IE v11).

I tried hiding the radwindow by using onClientBeforeClose client event to improve user experience BUT I got no lucky. The problem is still the same.

Is there any way which can solve it or improve UX when closing the radwindow?

function OnClientBeforeCloseHandler(sender, args) {

if (sender && sender.get_popupElement() && sender.get_popupElement().style && $telerik.isIE) {

sender.get_popupElement().style.display = "none";

}

Window

answered on 29 Aug 2016

3 answers

189 views

RadAutoCompleteBox filter callback misses letters that are entered after it sends the callback for first letter.

RadAutoCompleteBox comes back with the wrong filtered result set when typing into the textbox. It seems to be doing the filtering on the first letter I'm typing, but then ignoring the second letter I've typed. For example, if I start to type the word "test" it will start filtering the auto complete box for "t" or "te", but ignore the rest of the word. It seems to be doing the filtering if i very briefly pause (split second) and that's why it's not picking up the whole word. If I hit backspace, then it does a callback and the filtered result set is accurate. Is there a built in way to delay the filtering so it only does the callback after I've stopped typing for one second? Thanks in advance for the help.

Here's the code:

<telerik:radautocompletebox id="txtSearch" runat="server" oncliententryadding="OnClientEntryAddingHandler" emptymessage="FIND AN ACCOUNT or TPID"
autopostback="true" onentryadded="autocomplete_EntryAdded" filter="Contains" datavaluefield="TPID" datatextfield="AccountName"
cssclass="searchtext" width="275px" DropDownAutoWidth="Enabled" maxresultcount="10">
</telerik:radautocompletebox>

AutoCompleteBox

answered on 29 Aug 2016

3 answers

102 views

Tabcontent only visible first time in Internet Explorer 10/11

Hi,

I have a RadTabStrip together with a RadMultiPage that loads different aspx pages in each one. Everything works fine in Chrome, but when using IE a certain tab only renders the first time it's clicked. If I select another one and then back again it's blank.

If i enter the browser debugger the pageview/iframe inline style is Height=100% and Width=100%. If I in the debugger disable and renable those settings the page shows up again.

What could be causing this behaviour? I'm using version 2014.1.513.45 but I tried the latest version and the some problem shows there as well.

Here are the aspx code for the tabstrip/multipage:

<table>

<tr class="topMenu">

<td class="productArea">

<div>

<h5>INSERA</h5>

</div>

<div>

<h2>INSIGHT <%=Insight.Components.Security.AssemblyAttributes.GetCurrentAssemblyVersion2Numbers() %></h2>

</div>

</td>

<td style="padding:0;margin:0;">

<telerik:RadTabStrip CssClass="MyTabStrip" RenderMode="Lightweight" ID="RadTabStrip1" runat="server" Skin="" MultiPageID="RadMultiPage1" SelectedIndex="0">

<Tabs>

<telerik:RadTab CssClass="MyTab" HoveredCssClass="MyTabHovered" SelectedCssClass="MyTabSelected" IsBreak="false" ImageUrl="/Content/graphics/Home-32.png" Text="<%$Resources:Insight.Resource, Tabmenu.Tab.Start %>" Selected="True">

</telerik:RadTab>

<telerik:RadTab CssClass="MyTab" HoveredCssClass="MyTabHovered" SelectedCssClass="MyTabSelected" IsBreak="false" ImageUrl="/Content/graphics/Statistics-32.png" Text="<%$Resources:Insight.Resource, Tabmenu.Tab.Analysis %>">

</telerik:RadTab>

<telerik:RadTab CssClass="MyTab" HoveredCssClass="MyTabHovered" SelectedCssClass="MyTabSelected" IsBreak="false" ImageUrl="/Content/graphics/Coins-32.png" Text="<%$Resources:Insight.Resource, Tabmenu.Tab.Prognosis %>">

</telerik:RadTab>

<telerik:RadTab CssClass="MyTab" HoveredCssClass="MyTabHovered" SelectedCssClass="MyTabSelected" IsBreak="false" ImageUrl="/Content/graphics/Recycle Sign-32.png" Text="<%$Resources:Insight.Resource, Tabmenu.Tab.Environment %>">

</telerik:RadTab>

<telerik:RadTab CssClass="MyTab" HoveredCssClass="MyTabHovered" SelectedCssClass="MyTabSelected" IsBreak="false" ImageUrl="/Content/graphics/Page Overview -32.png" Text="<%$Resources:Insight.Resource, Tabmenu.Tab.Codeplan %>">

</telerik:RadTab>

<telerik:RadTab CssClass="MyTab" HoveredCssClass="MyTabHovered" SelectedCssClass="MyTabSelected" IsBreak="false" ImageUrl="/Content/graphics/Spade-32.png" Text="<%$Resources:Insight.Resource, Tabmenu.Tab.Miner %>">

</telerik:RadTab>

<telerik:RadTab CssClass="MyTab" HoveredCssClass="MyTabHovered" SelectedCssClass="MyTabSelected" IsBreak="false" ImageUrl="/Content/graphics/Manager-32.png" Text="<%$Resources:Insight.Resource, Tabmenu.Tab.Manager %>">

</telerik:RadTab>

<telerik:RadTab CssClass="MyTab" HoveredCssClass="MyTabHovered" SelectedCssClass="MyTabSelected" IsBreak="false" ImageUrl="/Content/graphics/Settings-32.png" Text="<%$Resources:Insight.Resource, Tabmenu.Tab.Settings %>">

</telerik:RadTab>

<telerik:RadTab CssClass="MyTab" HoveredCssClass="MyTabHovered" SelectedCssClass="MyTabSelected" IsBreak="false" ImageUrl="/Content/graphics/Question Mark-32.png" Text="<%$Resources:Insight.Resource, Tabmenu.Tab.Help %>">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

</td>

<td id="companiesList" class="dropDownSelections">

<uc1:CompanyList runat="server" ID="CompanyList" />

</td>

<td id="areasList" class="dropDownSelections">

<uc1:AreaList runat="server" id="AreaList" />

</td>

<td id="loggedInInfo">

<uc1:LoggedInInfo runat="server" id="LoggedInInfo1" />

</td>

</tr>

</table>

<telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0">

<telerik:RadPageView ID="RadPageView1" runat="server" Height="100%" ContentUrl="/Forms/Portal.aspx" CssClass="pageView1 pageView">

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView2" runat="server" Height="100%" ContentUrl="/Forms/Analysis.aspx" CssClass="pageView2 pageView">

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView3" runat="server" Height="100%" ContentUrl="/Forms/Prognosis.aspx" CssClass="pageView3 pageView">

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView4" runat="server" Height="100%" ContentUrl="/Forms/Environment.aspx" CssClass="pageView4 pageView">

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView5" runat="server" Height="100%" ContentUrl="/Forms/Codeplan.aspx" CssClass="pageView5 pageView">

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView6" runat="server" Height="100%" ContentUrl="/Forms/Miner.aspx" CssClass="pageView6 pageView">

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView7" runat="server" Height="100%" ContentUrl="/Forms/Manager.aspx" CssClass="pageView7 pageView">

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView8" runat="server" Height="100%" ContentUrl="/Forms/Settings.aspx" CssClass="pageView8 pageView">

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView9" runat="server" Height="100%" ContentUrl="/Forms/Help.aspx" CssClass="pageView9 pageView">

</telerik:RadPageView>

</telerik:RadMultiPage>

<script type="text/javascript">

function pageLoad() {

var $ = $telerik.$;

var height = $(window).height();

var multiPage = $find("<%=RadMultiPage1.ClientID %>");

var totalHeight = height - 63;

multiPage.get_element().style.height = totalHeight + "px";

}

</script>

TabStrip

answered on 29 Aug 2016

3 answers

187 views

Dynamica PageView Creation with Single User Control

Hi,

I am using RadTabStrip. I am dynamically adding PageView on Tab Click. Now, in every pageVirew i am trying to load a single usercontrol containing a Rad Grid with different Data Source based on the tab Name.

I am able to load the user control, but the problem is after clicking all (3) tabs when i open the previous tabs, i have RadGrid with latest data.Since i am using the same usercontrol(with rad grid), same data is loaded in all the tabs.

As per my requirement, I want the previous tabs with the corresponding loaded data. Could you please provide your feedback on this ?

TabStrip

answered on 29 Aug 2016

2 answers

165 views

Lazy Load of RadHTMLChart in RadGrid

I have a RadGrid that has a template column in it with RadHTMLChart. The query for the data for the charts takes a few seconds per chart, so I would like to be able for the user to access the grid while the charts load via ajax. I tried to set the datasource on the charts to nothing, and then declare the datasource with JS on the OnGridCreated client event and bind them, but I am using a SQL Datasource for the chart. It seems you can only use a JSON on the client side. What is another approach to accomplish this?

Grid

answered on 29 Aug 2016

10 answers

1.0K+ views

No Data message Pie chart

Hello,

Is there something like a 'no data message'? And if so, is this customizable? I want to show a nice image and some text when a chart contains no data.

Thanks!

Chart (HTML5)

answered on 29 Aug 2016