Questions on UI for ASP.NET AJAX Forum

2 answers

146 views

RADMaskedTextBox cursor at end rather than beginning

When a user first visits our site, we popup a dialog in FancyBox where the user needs to enter their PostalCode to enter the site. We give the zipcode control focus as we popup the dialog. But, for some reason the cursor starts at the end of the mask so the user can't just type. They have to click on the front of the textbox in order to enter their zipcode. Any thoughts on why this is happening? It makes no sense to me. We're using version 2012.2.724.40.

<%@ Page Language="C#" AutoEventWireup="true" EnableEventValidation="false" MasterPageFile="~/MainMaster.master" Title="FittleBug Demo"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ContentPlaceHolderID="ContentPlaceHolder1" runat="server" ID="Content1">

<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

<link href="js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />

<asp:Literal ID="clientScript" Mode="PassThrough" runat="server" />

Site Content

<div style="display:none">

<div id="HomeStep1" style="color:#3F3C2D; margin:10px 0 15px 0;padding:0 0 0 10px;width:450px;height:250px;">

<div><asp:Literal id="SiteWelcome" runat="server"/></div>

<div style="font-size:16px; padding:10px 0 3px 0;">Please Enter Your Zip Code</div>

<div style="vertical-align:top;height:45px;">

<div id="zipWrapper">

<telerik:RadMaskedTextBox id="txtZipcode" RequireCompleteText="true" PromptChar=" " ResetCaretOnFocus="true" SelectionOnFocus="CaretToBeginning" AutoCompleteType="HomeZipCode" CssClass="required digits zipcode" runat="server" />

</div>

<input type="button" id="btnGo" value="GO > " />

<br style="clear:both;" />

<span id="valZipcode" style="display:none">Please enter a valid zip code</span><span id="unknownZipcode" style="display:none">Sorry, we do not provide services in that zipcode</span>

</div>

<div style="display: none">

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

<asp:ImageButton ImageUrl="~/images/btn-go.png" runat="server" ID="imgbtnGo" OnClick="imgbtnGo_ShowData" />

</div>

<script type="text/javascript">

jQuery(function ($) {

var $hidden = $("#" + aspHiddenId);

var $button = $("#" + aspButtonId);

var $zipcode = $("#<%=txtZipcode.ClientID %>");

var $zipPopup = $("#zipPopup");

var $btnGo = $("#btnGo");

var $valZipcode = $("#valZipcode");

var $unknownZipcode = $("#unknownZipcode");

$('a[href*="youtube.com"]').fancybox({ 'type': 'iframe' });

$zipcode.val($hidden.val());

$zipPopup.fancybox({ modal: true })

if ($zipcode.val() == "")

{

$zipPopup.click();

$zipcode.focus();

}

$zipcode.keypress(function (e) {

if (e.which === 13) {

$btnGo.click();

}

});

$btnGo.click(function () {

var zipcode = $zipcode.val();

if (/^\d{5}$/.test(zipcode)) {

$.ajax({

type: "POST",

url: "services/ajax.svc/IsKnownZipcode",

contentType: "application/json; charset=utf-8",

data: $.toJSON({ "zipcode": zipcode }),

dataType: "json",

success: function (data) {

if (data.d) {

$valZipcode.hide();

$unknownZipcode.hide();

$hidden.val(zipcode);

$.fancybox.close();

$button.click();

}

else {

$valZipcode.hide();

$unknownZipcode.show();

}

},

error: function (msg) {

alert("Error checking zipcode. Please try again.");

}

});

} else {

$valZipcode.show();

$unknownZipcode.hide();

}

return false;

});

</script>

</asp:Content>

Input

answered on 12 Sep 2012

2 answers

180 views

ExportToPdf is not working in Mac Safari Browser

Hi

I have a RadGrid and this RadGrid have exprot button in it. it works fine in windows systems

but when I try to export in Safari on Mac book. it opens the PDF but no record is displayed. Everything is blank.

Note : I also tried to export the PDF with Telerik demo http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/pdfexport/defaultcs.aspx But it also not working. not on Mac book Pro and not on I Pad.

Kindly do the regards on this ASAP.

Thanks
Ajay

Grid

answered on 12 Sep 2012

1 answer

93 views

Expanded/Collapsed state

Hi,

I want to find out the state of a rad splitter. By "state" I mean if it is collapsed or expanded.

Thanks in advance,

Splitter

answered on 12 Sep 2012

1 answer

95 views

RadMenu level 1 subnav

Hi All,

Can someone explain how the level 1 subnavigation DIV and UL elements' width is calculated and when it's determined what the width should be?

The DIV has a class of .rmSlide and the UL classes are rmHorizontal rmGroup rmLevel1.

I know it's a generic question but I need a little more information before I can ask a more specific question.

Many Thanks!

Menu

answered on 12 Sep 2012

7 answers

183 views

Group snippets or multiple snippets

Hi,

I have a site where the user can customize content (like some kind of CMS).
For this I provide a lot of snippets to make the placement of placeholders.
---a placeholder in my case is something like $$SYS_UTC_DATE$$ which gets later replaced by a value.

There are a lot of them - an by theory I could group them to "server variables" - "user variables" - and so on.

But I don't know how to achieve this with rad editor.
Nesting snippets like with custom links does not work.
And I have now idea how to enable multiple (different) snippet combos in the toolbox.

By the way - I sometimes have 2 or more editors visible which share the same toolprovider which works fine and saves a lot of loading time.
So if code is needed to achieve what I need - pleas also let me know if the solution works with toolproviderid.

Regards

Manfred

Editor

answered on 12 Sep 2012

1 answer

92 views

Rad Editors Unexpected behaviour on IE and Chrome

Hello All,

I have two different issues with Rad Editor.
1] In chrome browser when page is loaded rad editor takes extra height( image #1) whereas i haven't specified any height to Radeditor. when I click in editor then it automatically re sizes it self to the actual height( image #2). I want radeditor to take same height as it is taking height in IE and FF.

2]. In IE8 &9 This rad editor has a width 100% which worked in FF & Chrome but in IE I found that it creates a table inside iframe<> which has a width 600px and margin:auto. I want it to take 100% in IE. I tried some css code with !important also like width:100% !important; but its not working on that table.( image #3)
Any advice or suggestion will be appreciated.
Thanks in advance

Editor

answered on 12 Sep 2012

2 answers

82 views

Rad Tool Tip Manager loads on demand

Hi,

I encountered a problem the loading control on rad tool tip manager that does not work properly with radcombox and radtreeview.
1. RadcomboBox does not refresh on passing value for new selection (I tried to clear selection on server code)
2. RadTreeView retains the nodes, e.g first condition appears with 20 displaying nodes and after another condition it should show 15 node but it shows 20 but other 5 nodes with empty label. I tried with clear the nodes.

Kind Regards,

Duy

ToolTip

answered on 12 Sep 2012

6 answers

199 views

Server side validation doesn't work

Qui

<telerik:RadToolBar ID="radToolBar"

BorderWidth="0"

BorderStyle="None"

AutoPostBack="true"

OnClientButtonClicking="SaveToolBar_radToolBar_OnClientButtonClicking"

CausesValidation="true"

runat="server">

<Items>

<telerik:RadToolBarButton Text="Salva"

ImageUrl="~/App_Themes/SETheme/SESkin/Grid/Update.gif"

CommandName="Insert"

Value="Insert"/>

<telerik:RadToolBarButton Text="Salva"

ImageUrl="~/App_Themes/SETheme/SESkin/Grid/Update.gif"

CommandName="Update"

Value="Update"/>

<telerik:RadToolBarButton Text="Annulla"

ImageUrl="~/App_Themes/SETheme/SESkin/Grid/Cancel.gif"

CommandName="Cancel"

Value="Cancel" />

</Items>

</telerik:RadToolBar>

Client side validation works correctly.
Instead Server side validation doesn't work.

_ServerValidate is executed but if "args.IsValid = false" the software doesn't stop and continues

(Version: 2009.3.1103.35)

ToolBar

answered on 12 Sep 2012

2 answers

71 views

t.newSize is undefined radeditor and radgrid

Hi, it's my problem:

I have one radsplitter with one radgrid and one radeditor like this:

                    <telerik:RadSplitter ID="RadSplitter1" runat="server" Skin="Windows7" Orientation="Horizontal">
                        <telerik:RadPane ID="RadPane1" runat="server" Width="40%" MinHeight="32" Scrolling="Both" CssClass="buttonsPane">
                            <asp:Panel runat="server" ID="pnllistado">
                                radgrid
                            </asp:Panel>
                        </telerik:RadPane>
                        <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="None"></telerik:RadSplitBar>
                        <telerik:RadPane ID="RadPane2" runat="server" Width="60%" MinHeight="32" Scrolling="Both" CssClass="buttonsPane">
                              radeditor (it starts hidden)
                        </telerik:RadPane>
                    </telerik:RadSplitter>

i don't understand why this error comes? : t.newSize is undefined
this error comes in the load of my page and this load in blank. help me please! thanks

Editor

answered on 12 Sep 2012

3 answers

51 views

Radsplitter ajaxifying right pane based on radtreeview in left pane.

I am using radajaxmanager in master. What I have is in left pane there is a radtreeview with Node expandmode=server. On the right pane I have radmulitilage which loads different usercontrol in codebehind. What I want to achieve is update radmulitiPage on right ONLY on nodeclick of radtreeview in left pane and not onnodeexpand. In ajaxproxy I specify the eventname but still refreshes right pane radmulitilage on any click in treeview. Thanks for help !

Ajax

answered on 12 Sep 2012