Questions on UI for ASP.NET AJAX Forum

1 answer

99 views

Hello ,
I have a form with a radupload control and a submit button .
When a user upload a file , the radprogressarea pop up .
The problem is when a user click on the cancel button ,
the button click event handler takes place and try to preform some actions on the uploaded file.
Is there a way to block the event handler from firing? or a way to determine whether the upload was cancled?

Kind regards,
oren

Upload (Obsolete)

answered on 06 Jun 2012

8 answers

286 views

RadMonthYearPicker without input field

Is there a way to disable, or rather replace the input field of a RadMonthYearPicker with a label? Or just show the image?

I'm trying to create a GridView that emulates a calendar since the functionality I need doesn't exist with the RadCalendar and I'd really like to emulate the way the RadCalendar uses the paged month/year label as the trigger to open the MonthYearPicker. Is there anyway I can accomplish that myself?

Calendar

answered on 06 Jun 2012

1 answer

107 views

radgrid add new

When radgrid at add new mode, when I enter ID (text box), populate the rest of the informatoin on the row (name, phone), this happens when the user exit the ID text box. ( get the ID entered on the grid cell, go to database get the rest of the info). Is this radgrid can do? Do you have a similar example?

Thanks

Grid

answered on 06 Jun 2012

5 answers

219 views

RadContextMenu as a popup, controlled by serverside codebehind..

ASPX
<script type="text/javascript">
//<![CDATA[
function showMenuAt(e) {
var contextMenu = $find("RadContextMenu1.ClientID");
var x = parseInt($get("contextX").value);
var y = parseInt($get("contextY").value);

if (isNaN(x) || isNaN(y)) {
alert("Please provide valid integer coordinates");
return;
}

contextMenu.showAt(x, y);

$telerik.cancelRawEvent(e);
}

function showMenu(e) {
var contextMenu = $find("RadContextMenu1.ClientID");

if ((!e.relatedTarget) || (!$telerik.isDescendantOrSelf(contextMenu.get_element(), e.relatedTarget))) {
contextMenu.show(e);
}

$telerik.cancelRawEvent(e);
}
//]]>
</script>

  <Telerik:RadContextMenu id="RadContextMenu1" runat="server"
         EnableRoundedCorners="true" EnableShadows="true">
                <Items>
                    <Telerik:RadMenuItem Text="Trees" />
                    <Telerik:RadMenuItem Text="Sunset" />
                    <Telerik:RadMenuItem Text="Mountains" />
                </Items>
            </Telerik:RadContextMenu>

And from VB.net codebehind I try to SHOW the popup.
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "reloadamchart" & Guid.NewGuid.ToString, "showMenu(e);", True)

Another tricky part is that Google Map right_click gives you map coordinates lat/lng insted of the client pixel where the right click took place. I gues all clients will have different screen resolutions making this very difficult ?

'This is example of what I would like to accomplish using RadContextMenu.

http://googlegeodevelopers.blogspot.se/2009/09/introducing-contextmenucontrol-10-give.html
http://econym.org.uk/gmap/example_context.htm

Menu

answered on 06 Jun 2012

1 answer

94 views

Problem in rendering

hi dears
i use RadMenu. it works well in liveDemo but can not render in my project.
i tested in WebApplication and WebSite and in all browsers. but i does not load completely.
there is an image to illustrate

please advice
thanks

Menu

answered on 06 Jun 2012

3 answers

130 views

Load jquery from cdn

Sorry but I don't understand the documentation about radscriptmanager
My question is
I have a page that usually load jquery.js from my site
now I would like to use radScriptmanager with the code below :
and all is ok
but why I have to inlcude the link to jquery.js in the head section of the page ?
( some like <script src="/js/jquery-1.6.2.min.js" type="text/javascript"></script> )
if telerik use jquery - why this is not usable from all the code in the page?
I test it with this simple script
if (jQuery) {
alert('jQuery is loaded!');
}
If I don't inlcude jquery in the head section the alert don't fire
thanks in advance
ciao

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

<Groups>

<telerik:ScriptReferenceGroup>

<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.jQueryPlugins.js" />

</Scripts>

</telerik:ScriptReferenceGroup>

</Groups>

</telerik:RadScriptManager>

General Discussions

answered on 06 Jun 2012

2 answers

96 views

Showing extra Special Character in the RadEditor in HTML mode for link only for FIREFOX

Hello,,

We are using RadEditor in our application. Here we are facing an issue in RadEditor’s HTML mode.

The actual issues is ,the word href="[!RPLINK:2!]" is displaying as href="[%21RPLINK:2%21]".

We are not getting why the extra characters are displaying like %21 instead of ! in HTML mode.

This issue exist in FireFox browser only in IE, Chrome its working fine.

REgards
Samir

Editor

answered on 06 Jun 2012

2 answers

41 views

Re: GroupsDefaultExpanded after sorting/reorder

Since I always get a server error when I try to reply to my thread
http://www.telerik.com/community/forums/aspnet-ajax/grid/groupsdefaultexpanded-after-sorting-reorder.aspx
I post my post herein, perhaps an admin could merge the threads.

So here is my reply:
Thanks for that sample. But somehow the group expands only after two clicks on the expand icon (both clicks do a postback). This occurs only after the page was rendered the first time, after that it works normally.
What could that be?

Grid

answered on 06 Jun 2012

1 answer

229 views

Disable DropDownList

Hello!

I use RadFormDecorator for styling. My form contains a DropDownList (asp:DropDownList). I want to disable/enable the DropDownList by javascript.

if (chb.checked) {

jQuery("#" + ddlId).removeAttr('disabled');

} else {

jQuery("#" + ddlId).attr('disabled', 'disabled');

}

It works good in FF and Chrome. But it does not work in IE.
How can I fix it?

Thanks

FormDecorator

answered on 06 Jun 2012

1 answer

148 views

Tab layout issue

Hi,

I have come across an issue with the layout of a tab strip on my page. I have a menu div on the left side with a fixed height and a content div next to it.

The issue is that the tabs appear at the bottom of the page instead of in the div st the top (see attached screen shot).

Here is the code

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="Tabstriptest._default" %>

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

<!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></title>

</head>

<body>

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

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

<Scripts>

<telerik:RadScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<telerik:RadScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<telerik:RadScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<div style="width: auto;">

<div style="width: 180px;height: 500px; float: left;background-color: Red;">Menu here</div>

<div style="width: auto;margin-left: 190px;margin-right: 0px;">

<div style="width: 100%;background-color: Green;">

<telerik:RadToolBar ID="rtbVisitMenu" runat="server" Width="100%">

<Items>

<telerik:RadToolBarButton runat="server" Text="New Visit">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" Text="Edit Visit">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" Text="Print">

</telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

</div>

<div style="width: 100%;background-color: Blue;">

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1">

<Tabs>

<telerik:RadTab Text="tab 1" runat="server" PageViewID="RadPageView1" Selected="true"></telerik:RadTab>

<telerik:RadTab Text="tab 2" runat="server" PageViewID="RadPageView2"></telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

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

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

<telerik:RadPageView ID="RadPageView2" runat="server">RadPageView2</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

</form>

</body>

</html>

Is this an issue with the tab strip of is there soem html/css I can use to get around this.

Thanks

Gavin.

TabStrip

answered on 06 Jun 2012