Questions on UI for ASP.NET AJAX Forum

3 answers

325 views

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

344 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

283 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

151 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

104 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

152 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

155 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

1 answer

303 views

set Calander control to show month and years only

I ned to make the calendar show only months for picking it and years and not days. Then I am wondering If I can show then all in the header of the calander controls instead of indididual box type format so it would look like this.

2012     JAN    FEB     MAR     APR     MAY      JUN     JUL     AUG      SEP   OCT   NOV     DEC   2013

Instead of this
JAN FEB MAR
APR MAY JUN
JUL AUG   SEp
OCT NOV   DEC

Calendar

answered on 13 Aug 2013