Questions on UI for ASP.NET AJAX Forum

2 answers

115 views

Hi,

I have a master page with an update panel. The update panel is refreshed periodically by a timer.
On a child page I have RadWindowManger and I open a RadWindow of that page.

When the an Ajax call is made to update the update panel on the master page the RadWindow closes. I tested and verified that the call is an Ajax call on the master page and not a full postback.

This is the update panel on master page:

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

<ContentTemplate>

<asp:Timer runat="server" ID="tWorldClock" Interval="10000" OnTick="tWorldClock_Tick" />

<asp:Literal ID="ltrWordTime" runat="server"></asp:Literal>

<asp:HiddenField ID="hfRadWindowOpen" runat="server" />

</ContentTemplate>

</asp:UpdatePanel>

This is the RadWindowManger on the child page:

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Modal="true" VisibleStatusbar="false"

AutoSize="true" ShowContentDuringLoad="false" Behaviors="Resize, move, Close" Skin="DD"

EnableEmbeddedSkins="false" EnableTheming="true" DestroyOnClose="true" OnClientClose="OnClientClose">

<Windows>

<telerik:RadWindow ID="RadWindow1" runat="server" />

</Windows>

<AlertTemplate>

<div class="alert-icon"></div>

<div class="rwDialogPopup radalert">

<div class="rwDialogText">

{1}

</div>

<div class="alert-button">

<a onclick="$find('{0}').close();" class="rwPopupButton" href="javascript:void(0);">

<span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[OK]##</span> </span>

</a>

</div>

</AlertTemplate>

<ConfirmTemplate>

<div class="rwDialogPopup radconfirm">

<div class="rwDialogText">

{1}

</div>

<div class="confirm-buttons">

<a onclick="$find('{0}').close(true);" class="rwPopupButton" href="javascript:void(0);">

<span class="rwOuterSpan"><span class="rwInnerSpan"><img src="../images/buttons/delete_room.png" alt="" /></span></span>

</a>

<a onclick="$find('{0}').close(false);" class="rwPopupButton" href="javascript:void(0);">

<span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[Cancel]##</span></span>

</a>

</div>

</ConfirmTemplate>

</telerik:RadWindowManager>

Any ideas?

Thanks

Tamir

Window

answered on 13 Aug 2013

3 answers

329 views

[Solved] Auto capitalize input

Hi Community

Does radinput support auto capitalization of input? Any property that can be set to capitalize the input?

Thankyou
Senthil

Input

answered on 13 Aug 2013

8 answers

355 views

Copy/Paste into RadComboBox

Hi,

If a user types into the combobox normally it works fine, but it you copy/paste text into the combo box it does pick up the values on post back.

Is this a know issue?

I tried this fix

// http://www.telerik.com/community/forums/aspnet-ajax/combobox/onitemsrequested-won-t-fire-when-user-copy-paste-text-in-input-field.aspx

var $ = $telerik.$;

var $T = Telerik.Web.UI;

var $p = Telerik.Web.UI.RadComboBox.prototype;

var onPaste = $p._onPaste;

$p._onPaste = function (e) {

text = this.get_text();

this._updateFilterText = true;

};

and it fires properly but the value of this.get_text(); is empty if data has been pasted in there.

this is similar to http://www.telerik.com/community/forums/aspnet-mvc/combobox/autocomplete-copy-and-paste-not-working-in-ie.aspx#1554552

thanks
Toby

ComboBox

answered on 13 Aug 2013

1 answer

90 views

RadSlider Disappears

Hello,
i Have a radslider inside a radtab and i am also using the update panel of asp, and when i change values of the slider and click a button that does a async trigger, when i change tabs the slider disappears, but only in chrome, IE works fine.

Ajax

answered on 13 Aug 2013

7 answers

290 views

[Solved] $find returns null after RadWindow is closed

Hello,

I have a nested RadWindow in RadListView control which I managed to open, but after it is closed, I cannot open it anymore because the $find function returns null.

I don't need it to open on page load, it should be opened when user clicks on the <a> element.

It should do a postback only when user clicks on the button that will be inside the window (which I left out in the following code because that part is not implemented yet).

Current code:

<telerik:RadAjaxPanel runat="server" ID="rapConfiguration" LoadingPanelID="ralpConfiguration">

<telerik:RadWindow ID="modalPopup" runat="server" Width="360px" Height="360px">

<ContentTemplate>

<p style="text-align: center;">

Random text.

</p>

</ContentTemplate>

</telerik:RadWindow>

<a href="javascript:void(0)" onclick="OpenDialog(); return false">

<div style="width:180px; float:left; margin-top:10px; margin-bottom:10px;">

<div style="width:180px; float:left; text-align:center;"><img src="../Images/add_user.png" width="60px" height="60px" /></div>

<div style="margin-top:5px; width:180px; float:left; text-align:center; font-family: Arial, Helvetica, sans-serif;">Add users</div>

</div>

</a>

</telerik:RadAjaxPanel>

<telerik:RadCodeBlock runat="server" ID="rdbScripts"

<script type="text/javascript">

function OpenDialog() {

var temp = $('div[id$="modalPopup"]').first();

var wnd = $find(temp.attr("id"));

wnd.show();

</script>

</telerik:RadCodeBlock>

Thank you.

Window

answered on 13 Aug 2013

1 answer

156 views

Changing dialog button text in code behind

Hello,

I'm having problems changing the dialog button text (for link manager and image manager ) in code behind.

I was able to change the text for the spellchecker by doing the following:
oRadEd.Localization.Main.SpellCheckEnd = "MyText";

If I try to do something similar for the Dialog windows It is not possible since oRadEd.Localization only offers to change Main, Modules and Tools text. I don't have access to the dialog text.

The reason why we must do this that way is because we store the translation in database.

Editor

answered on 13 Aug 2013

2 answers

108 views

[Solved] Selected CSS Removed when Same as Hovered CSS

I'm trying to develop a tabstrip where the selected css and the hovered css are the same. However, what happens is the following:
- When the tab is selected, hover over over the selected item.
- Mouse away from the selected tab
- The selected tab no longer returns back to its selected css state, it returns back to the css class of the tab instead.

See the below code snippet for an example. Is there an easy solution i'm missing?

<%@ Page Language="C#" AutoEventWireup="true" Inherits="Testing2.TestRadTabs" %>

<%@ 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>Test with Tabs</title>

<style type="text/css">

.tabCSS

{

background-color:#cde3ee;

color:White;

padding-top:5px;

padding-bottom:5px;

font-size:14px;

font-weight:bold;

}

.selectedCSS

{

background-color:#5ba7cb !important;

color:White;

padding-top:5px;

padding-bottom:5px;

font-size:14px;

font-weight:bold;

}

</style>

</head>

<body>

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

<asp:ScriptManager ID="sm" runat="server"></asp:ScriptManager>

<telerik:RadTabStrip ID="tsMessages" runat="server" Width="100%" MultiPageID="mpMessages" EnableEmbeddedSkins="false">

<Tabs>

<telerik:RadTab Text="Inbox" CssClass="tabCSS" HoveredCssClass="selectedCSS" SelectedCssClass="selectedCSS" Selected="true"></telerik:RadTab>

<telerik:RadTab Text="Sent" CssClass="tabCSS" HoveredCssClass="selectedCSS" SelectedCssClass="selectedCSS"></telerik:RadTab>

<telerik:RadTab Text="Deleted" CssClass="tabCSS" HoveredCssClass="selectedCSS" SelectedCssClass="selectedCSS"></telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="mpMessages" runat="server">

<telerik:RadPageView ID="pageOne" runat="server" Selected="true">

Inbox messages.

</telerik:RadPageView>

<telerik:RadPageView ID="pageTwo" runat="server">

Sent messages.

</telerik:RadPageView>

<telerik:RadPageView ID="pageThree" runat="server">

Deleted messages.

</telerik:RadPageView>

</telerik:RadMultiPage>

</form>

</body>

</html>

Thanks again or the help!

- Pat

TabStrip

answered on 13 Aug 2013

7 answers

150 views

Edit Radtab

Hi,

Using index how can I access a radtab in js and set a new text and navigation link.

Thanks,
Karl.

TabStrip

answered on 13 Aug 2013

1 answer

156 views

ASP.NET Validation with Notification

I needed to get validation working with the Notification control so thought i'd share this code, it's taken from http://demos.telerik.com/aspnet-ajax/notification/examples/waiariasupport/defaultcs.aspx but modified to allow multiple ValidationGroups per page

Simply create a UserControl called Validation.ascx and add this markup

<telerik:RadNotification

ID="ValidationNotification"

runat="server"

AutoCloseDelay="20000"

EnableRoundedCorners="true"

EnableShadow="true"

KeepOnMouseOver="true"

Position="Center"

Title="Validation errors"

TitleIcon="warning"

ShowCloseButton="true"

Width="350">

<NotificationMenu Visible="false" />

<ContentTemplate>

<asp:ValidationSummary

ID="ValidationSummary"

runat="server"

DisplayMode="BulletList"

ShowMessageBox="false"

ShowSummary="true" />

</ContentTemplate>

</telerik:RadNotification>

and this code-behind

/// <summary>

/// Provides a ValidationSummary inside a Telerik Notification

/// </summary>

/// <example>

/// Add the controls to the page

/// <code><uc1:Validation runat="server" id="Validation" ValidationGroup="Activate" /></code>

///

/// Attach the validation function to the button which fires the validation in OnInit

/// <code>ActivateButton.OnClientClicked = Validation.ValidationJsFunction;</code>

///

/// Any Server-Side validation function will need to show the notification

/// <code>if (!valid) { Validation.ValidationNotificationControl.Show(); }</code>

/// </example>

public partial class Validation : System.Web.UI.UserControl

{

public string ValidationGroup { get; set; }

public RadNotification ValidationNotificationControl { get { return this.ValidationNotification; } }

public string ValidationJsFunction { get { return string.Format("Show_{0}", ValidationNotification.ClientID); } }

protected void Page_Load(object sender, EventArgs e) { }

protected override void OnInit(EventArgs e)

{

ValidationSummary.ValidationGroup = ValidationGroup;

ValidationNotification.OnClientShowing = string.Format("Check_{0}", ValidationSummary.ClientID);

StringBuilder js = new StringBuilder();

// the Show function needs to be added to each button which causes validation

js.AppendFormat(" function Show_{0}()", ValidationNotification.ClientID);

js.Append(" {");

js.AppendFormat(" var notification = $find('{0}');", ValidationNotification.ClientID);

js.Append(" setTimeout(function () { notification.show(); }, 0);");

js.Append(" }");

js.AppendFormat(" function Check_{0}(sender, args)", ValidationSummary.ClientID);

js.Append(" {");

js.AppendFormat(" var summaryElem = document.getElementById('{0}');", ValidationSummary.ClientID);

js.Append(" var noErrors = summaryElem.style.display == 'none';");

js.Append(" args.set_cancel(noErrors);");

js.Append(" }");

ScriptManager.RegisterClientScriptBlock(Page, this.GetType(), ValidationNotification.ClientID, js.ToString(), true);

base.OnInit(e);

}

Now add the control to your page in place of a ValidationSummary

<uc1:Validation runat="server" ID="Validation" ValidationGroup="Subscription" />

You then need to attach the onclick event of the button firing validation to Validation.ValidationJsFunction eg

GetQuoteButton.OnClientClicked = Validation.ValidationJsFunction;

Notification

answered on 13 Aug 2013

1 answer

158 views

Handling Postback in dynamic Radcalendar

Hello,

In my project I have only RadDate Picker controls which is dynamic based on the database values, and a button control.

So I call the method for calculating CW in selected Index changed event of raddate picker, can this be done in client side?

Now the problem is, my page is full of Date picker control, on each and every date selection the page is getting posted back to the server. So how can i overcome this problem of postback since every control is dynamic. Any help would be great.

Thanks.

Calendar

answered on 13 Aug 2013