Questions on UI for ASP.NET AJAX Forum

0 answers

63 views

Sticky LoadingPanel won't show over RadButton.

Hi Telerik,

I have the following:

<telerik:RadAjaxLoadingPanel ID="LoadingPanelForSplitterFixing" Runat="Server" Skin="Web20" MinDisplayTime="500" Style="z-index: 90000 !important" IsSticky="True"/>

<telerik:RadButton ID="StartEditButton" Runat="Server" Skin="Web20" ButtonType="StandardButton" Text="Configure Dashboard" CssClass="editButton" OnClientClicked="EnableEditMode" AutoPostBack="False"/>

.editButton

{

z-index: 20;

position: absolute;

margin-top: 2px;

right: 130px;

}

I need to have the z-index set for the RadButton because it is clashing with some empty space generated by a RadTabStrip. This makes half of the button non-clickable because a div is overlapping it. As such, I set the z-index of the RadButton. This had the desired effect of bringing it above the RadTabStrip. But, I cannot get the RadLoadingPanel to render above the RadButton.

I believe that using cssClass is applying the z-index to the div-level element which is taking higher precedence than setting the style for the RadLoadingPanel...but I'm honestly not quite sure. How can I fix this rendering issue?

Thanks,

Sean

EDIT: Just to be crystal... if I set style="z-index 20" in the RadButton mark-up I see the same effect.

EDIT2: I figured it out. What I was doing initially was just showing the loading panel over everything. E.G. All I did was set it to sticky. After a bit of work adding some other desired features, I solved this bug by accident! I believe the issue is that I was not setting position: absolute (because I did not have the dimensions set for the loading panel).

if (postBackElement.indexOf("BASEUNDERPAGEVIEW") != -1) {

loadingPanel = $find(loadingPanelForSplitterFixingID);

loadingPanelFixSplitterVisible = true;

$get(loadingPanelForSplitterFixingID).style.width = $(window).width() + "px";

$get(loadingPanelForSplitterFixingID).style.height = $(window).height() - $('#TopBar').height() + "px";

$get(loadingPanelForSplitterFixingID).style.position = "absolute";

$get(loadingPanelForSplitterFixingID).style.top = $('#TopBar').height() + "px";

$get(loadingPanelForSplitterFixingID).style.left = "0px";

}

and everything works just as expected!

Ajax

asked on 26 Oct 2011

6 answers

64 views

Dynamically created groupexpressions are different in the Page_Init then in the Page_Load event

I have one page and show only one grid. The schema of the grid depends on what action the user selected. When the grid is created I also dynamically set the group.
When the control that was before the postback a RadGrid control, then in the Page_Init event I see that the correct column is used as the groupexpression. In the Page_Load event (which is the next custom code that is running in my app) the groupexpression has been changed to the groupexpressions of the RadGrid that existed before the postback.
My first idea is that it is caused by the viewstate, but I turned off the viewstate of the RadGrid, the MasterTableView and the ColumnViewState of the masterTableView (I am not aware of any other viewstates).
On the first grid or if the control before the postback is another control, everything works fine.

Grid

answered on 26 Oct 2011

2 answers

160 views

Required Digit in Mask

I don't see this documented anywhere, so maybe this should be filed under "wishes", but did I miss a way to define a required digit in a mask?

I'd like to define a mask for, say, zip code that REQUIRES the first 5 digits, with the others being optional.

If not, consider it a request for the future. :)

Input

answered on 26 Oct 2011

0 answers

34 views

All the charts refresh on single chart rebinding

I have three charts on RadDock on a page, and all charts are in separate RadDock control, when I reload/rebind single chart, all charts disappear and then become visible again.

what is happening, and how I can solve this.

Regards,
kash

Chart (Obsolete)

asked on 26 Oct 2011

4 answers

572 views

Change x-axis labels programmatically

Please check this chart for reference: http://dl.dropbox.com/u/19767586/radchart-xaxis-labels-tochange.png

Note how the x-axis labels, which also serve as the column headers for the datatable, go 1, 2, 3, ... 10.

I need to change these so they show month names. That is, Jan, Feb, Mar, ... Oct.
(the data fluctuates, showing all months 1 - current). I am generating/adding the dataseries to the graph in code.
There are about a dozen different ChartSeries.

cs = New TC.ChartSeries(mr("NAME"), Telerik.Charting.ChartSeriesType.Line)

For Each lr As DataRow In ls.Rows

i = New TC.ChartSeriesItem(CDbl(lr("LOANS")), MonthName(lr("MONTH")))

i.Name = MonthName(lr("MONTH")) '// TRIED WITH AND WITHOUT THIS LINE

i.Label.Visible = False

cs.AddItem(i)

Next

chartMilestoneLoans.AddChartSeries(cs)

I found this question, and based on the answer there, tried this

chartMilestoneLoans.PlotArea.XAxis.Clear()

chartMilestoneLoans.PlotArea.XAxis.AddRange(1, Now.Month, 1)

For lc As Integer = 0 To (Now.Month - 1)

chartMilestoneLoans.PlotArea.XAxis(lc).TextBlock.Text = MonthName(lc + 1)

Next

This doesn't throw any errors, ... but it also doesn't change the labels as expected.
How can i replace the numbers with the month names?

Chart (Obsolete)

answered on 26 Oct 2011

4 answers

80 views

[Urgent] RadProgressArea Does Not Appear After Deploy the .NET 4.0 WebSite

Hi Guys,

I created a simple website just implement the upload with progressbar function. It works when I debug the website using VS.NET 2010. But after I deploy to the host, the RadProgressArea doesn't appear. Please help us to sort it out ASAP.

The Deploy URL as below:

http://raduploadtest.infobleops.net/

I also attached our codes.

Web.Config as below:

<?xml version="1.0"?>

<!--

For more information on how to configure your ASP.NET application, please visit

http://go.microsoft.com/fwlink/?LinkId=169433

-->

<configuration>

<connectionStrings>

<add name="ApplicationServices" connectionString="data source=.\SQLEXPRESS;Integrated Security=SSPI;AttachDBFilename=|DataDirectory|\aspnetdb.mdf;User Instance=true" providerName="System.Data.SqlClient"/>

</connectionStrings>

<system.web>

<compilation debug="true" targetFramework="4.0">

<assemblies>

<add assembly="System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A"/>

<add assembly="System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>

<add assembly="System.Speech, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>

</assemblies>

</compilation>

<authentication mode="Forms">

<forms loginUrl="~/Account/Login.aspx" timeout="2880"/>

</authentication>

<membership>

<providers>

<clear/>

<add name="AspNetSqlMembershipProvider" type="System.Web.Security.SqlMembershipProvider" connectionStringName="ApplicationServices" enablePasswordRetrieval="false" enablePasswordReset="true" requiresQuestionAndAnswer="false" requiresUniqueEmail="false" maxInvalidPasswordAttempts="5" minRequiredPasswordLength="6" minRequiredNonalphanumericCharacters="0" passwordAttemptWindow="10" applicationName="/"/>

</providers>

</membership>

<profile>

<providers>

<clear/>

<add name="AspNetSqlProfileProvider" type="System.Web.Profile.SqlProfileProvider" connectionStringName="ApplicationServices" applicationName="/"/>

</providers>

</profile>

<roleManager enabled="false">

<providers>

<clear/>

<add name="AspNetSqlRoleProvider" type="System.Web.Security.SqlRoleProvider" connectionStringName="ApplicationServices" applicationName="/"/>

<add name="AspNetWindowsTokenRoleProvider" type="System.Web.Security.WindowsTokenRoleProvider" applicationName="/"/>

</providers>

</roleManager>

<httpHandlers>

<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false"/>

<add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false"/>

</httpHandlers>

<httpModules>

<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule"/>

</httpModules>

<httpRuntime maxRequestLength="1048576" requestValidationMode="2.0"/>

</system.web>

<system.webServer>

<modules runAllManagedModulesForAllRequests="true">

<add name="RadUploadModule" preCondition="integratedMode" type="Telerik.Web.UI.RadUploadHttpModule"/>

</modules>

<validation validateIntegratedModeConfiguration="false"/>

<handlers>

<add name="Telerik_Web_UI_WebResource_axd" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource"/>

<add name="Telerik_RadUploadProgressHandler_ashx" verb="*" preCondition="integratedMode" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler"/>

</handlers>

</system.webServer>

</configuration>

ASPX as below:

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"

CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<h2>

Welcome to ASP.NET!

</h2>

<p>

To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website">www.asp.net</a>.

</p>

<p>

You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&;clcid=0x409"

title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.

</p>

<table>

<tr>

<td>

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

</telerik:RadScriptManager>

<telerik:RadUpload ID="RadUpload1" Runat="server">

</telerik:RadUpload>

<telerik:RadProgressManager ID="RadProgressManager1" Runat="server" />

<telerik:RadProgressArea ID="RadProgressArea1" Runat="server"

DisplayCancelButton="True">

</telerik:RadProgressArea>

<br />

<telerik:RadButton ID="RadButton1" runat="server" Text="Upload">

</telerik:RadButton>

</td>

</tr>

</table>

</asp:Content>

Thanks
Bill

Upload (Obsolete)

answered on 26 Oct 2011

1 answer

36 views

THANK YOU!!

This morning our head of sales cornered me and said, "We have an extremely important demo today and they want to know that we can handle scheduling."

My response was that all of our existing clients just use Outlook / Exchange for schedules. He said the client wanted it built into our product and we had 3 hours to show something.

Although we use Telerik for a number of other things I've never even looked at the scheduling control. After seeing your online demo, it took us about 45 minutes to get something "demo ready" version built into our product. From what I can tell, to do it right might take another 2 hours.

So, here's a big thank you to the Telerik team. Now this company is even more convinced that I'm a rock star. ;)

General Discussions

answered on 26 Oct 2011

0 answers

24 views

I do not see the popup reminder

Scheduler

asked on 26 Oct 2011

9 answers

91 views

enable drag drop to groupheader row

Hi, i have a radgrid that has quite a complex group header. bascically the group header groups all files or a person together. i want the user to be able to drag a file from one person to another to re-assign that file. I can make it work for dragging a row from person one's list of files (rad grid rows) to another persons list of files (rad grid rows), but as a person can have a lot of files, this might not actually allow you to see who you are dragging the file to (as the group header might be off screen and not visible)

Is there a way of allowing dragging to a group header row? i have looked into the HTML element targets (the trash can example), and could use that with a div over the persons photo, then a suffix to see if it was a picture target that the row was dropped on (ie call the divs <div id="unique_name_droptarget"> and look for the _droptarget part of the id in the args.get_destinationHtmlElement();

but that might be a bit messy.

any other solutions?

Ajax

answered on 26 Oct 2011

1 answer

45 views

Attach Client Event Handler to Autogenerated Edit Box

How would I attach a client event handler to the text box that gets autogenerated when you call startEdit() on a node?

I tried using the OnClientKeyPressing() event on the tree, but apparently it doesn't bubble up from the text box.

TreeView

answered on 26 Oct 2011