Questions on UI for ASP.NET AJAX Forum

6 answers

113 views

RadRotator - Random Hanging on Mouseover

Good afternoon--

The RadRotator is working well in a SlideShow / Two Custom Button setup, except at random times on mouseover, the slideshow seems to "hang" for longer than FrameDuration. At this point, the two custom buttons are unresponsive and the next slide does not advance for 5-6 seconds. The slideshow then resumes, and another "hang" will happen at another random time on mouseover.

Is there something I can change to prevent this behavior?

Code is provided below.

Thanks
-Justin

<div id="notifications">

<telerik:RadRotator

ID="rtrNotifications"

runat="server"

RotatorType="SlideShow" Height="15"

FrameDuration="3000"

SlideShowAnimation-Type="Fade"

SlideShowAnimation-Duration="2000"

PauseOnMouseOver="true"

Width="767"

ItemWidth="767"

ItemHeight="15"

>

<ItemTemplate>

<a href='<%# _appRoot %>/secure/notifications/NotificationDetail.aspx?id=<%# Eval("ID").ToString() %>'>

<%# System.Web.HttpUtility.HtmlEncode(Eval("Heading").ToString()) %>

</a>

</ItemTemplate>

<ControlButtons />

</telerik:RadRotator>

</div>

<div id="notifyButtons">

<a href="#" class="rrButtonLeft" style="display:block"

onclick="showNextItem(this, $find('<%= rtrNotifications.ClientID %>'), Telerik.Web.UI.RotatorScrollDirection.Left); return false;">

</a>

<a href="#" class="rrButtonRight" style="display:block"

onclick="showNextItem(this, $find('<%= rtrNotifications.ClientID %>'), Telerik.Web.UI.RotatorScrollDirection.Right); return false;"

> </a>

</div>

<script type="text/javascript">

function showNextItem(clickedButton, rotator, direction) {

rotator.showNext(direction);

}

</script>

Rotator

answered on 28 Nov 2012

6 answers

327 views

Auto-sizing controls/content in a RadDock

Hello,

I have dynamically generated RadDocks that are loading user controls (ascx). Inside one Dock is a user control with a RadScheduler and in another Dock is a user control with a RadGrid. I am unable to get the Scheduler or the Grid to expand to fit 100% in height and Width within the Dock when the page first renders. If I make some sort of request in the control (such as changing the view in the Scheduler) or if I "Restore" the Browser itself, however; it automatically adjusts correctly. I have tried setting the Scheduler and the Grid's Height and Width properties to 100%, as well as wrapping them in a DIV with the same properties set, yet they do not adjust on their own without intervention.

Here is an image of the initial behavior I am experiencing:

Thanks for the help.

Steve

Dock

answered on 28 Nov 2012

3 answers

318 views

Loading multiple versions of the Telerik.web.ui.skin assemble

We have two websites, one running off the root as the parent website and the 2^nd website running in a standard subdirectory as a child application. For other technical reasons, we have to run the child application in a standard subdirectory and not as a virtual or application directory. We are using the probing statement to reference the childapp bin directory

<runtime>

<assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">

<probing privatePath="bin;Childapp\bin"/>

</assemblyBinding>

</runtime>

To test this problem out I wrote two small “hello world” applications. The parent application is using version 2012.3.1016.40 and the child application is running 2012.1.411.40. I only have the telerik.web.ui.dll and telerik.web.ui.skin.dll assemblies referenced and have tried setting the “specific version” property on the respective assemblies.

Below is the parent webpage

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="GACWebTest1.Default" %>

<%@ Register Assembly="Telerik.Web.UI, Version=2012.3.1016.40, Culture=neutral, PublicKeyToken=121fae78165ba3d4" Namespace="Telerik.Web.UI" TagPrefix="telerik3" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

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

<div>

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

<telerik3:RadButton ID="RadButton1" runat="server" Text="RadButton1" OnClick="RadButton1_Click" EnableEmbeddedSkins="true" Skin="Forest" ></telerik3:RadButton>

</div>

</form>

</body>

</html>

Below is the child webpage

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="GACWebChild1.Default" %>

<%@ Register Assembly="Telerik.Web.UI, Version=2012.1.411.40, Culture=neutral, PublicKeyToken=121fae78165ba3d4" Namespace="Telerik.Web.UI" TagPrefix="telerik1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

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

<div>

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

<telerik1:radbutton runat="server" text="RadButton" OnClick="RadButton1_Click" Skin="Hay" ></telerik1:radbutton>

</div>

</form>

</body>

</html>

<%-- --%>

When viewing the first website (parent or child), the page renders perfectly. When going to the other website, it generates the following error.

Telerik.Web.UI.RadButton with ID='RadButton1' was unable to find an embedded skin with the name 'Forest'. Please, make sure that the skin name is spelled correctly and that you have added a reference to the Telerik.Web.UI.Skins.dll assembly in your project. If you want to use a custom skin, set EnableEmbeddedSkins=false.

Is there a way to explicitly tell what skin assembly to use? Is there a way to handle this situation?

General Discussions

answered on 28 Nov 2012

3 answers

487 views

RadAsyncUpload client side validation

hello.. i am using RadAsyncUpload to upload my client files i want 2 check if the current uploaded file size is larger then the maximum allowed file size i want 2 display my validation label without making that file appear in the progress area like appearing in the second image

AsyncUpload

answered on 28 Nov 2012

4 answers

245 views

HeaderTemplate vertical alignment

Hello, When RadListBox is empty HeaderTemplate is vertically aligned to center by default and I was not able to find a way to place it at the top of the RadListBox. Once the list box is populated it goes to the top...

How can I make the HeaderTemplate align to top and why is it center aligned vertically by default?

Thanks.

ListBox

answered on 28 Nov 2012

3 answers

271 views

[Solved] Asyncfileupload lose the data if your didnt initiate postback right after the upload is completed

Hi,

I am using Asyncfileupload, and it work perfect but i have a case where the asyncfileupload fail to store the images after initiating postback. below is the scenario

1- fill the form
2- browse the images,... images are uploading
3- wait for one minute then click submit to save the images, save the form data

result:
1- the form has been saved successfully
2- images never saved, it is like you didnt upload any images at all

AsyncUpload

answered on 28 Nov 2012

3 answers

205 views

Select multiple cells and change properties

Is it possible to select multiple cells in a table and have "set cell properties" affect all of them? If I select multiple cells and change formatting (e.g., bold) the change takes effect across all selected cells; but if I right click and choose "set cell properties" it seems to only affect the cell under the mouse pointer.

WebParts for SharePoint

answered on 28 Nov 2012

1 answer

91 views

Switching Tab On PageLoad For Ajaxified TabStrip

Hi guys,

Our current set-up on our homepage is a RadTabStrip with a multipage for the tabs. The control is ajaxified and the Multipages are loaded on demand using the following approach: http://demos.telerik.com/aspnet-ajax/tabstrip/examples/applicationscenarios/loadondemand/defaultcs.aspx.

I was curious as to whether you guys have found a solution that will allow me to select a specified tab (via a query string or other input) programmatically. At the point of pageLoad i have no multipages in the collection other than the initially selected tab, so I'm assuming the selection will need to be made on the client side.

Let me know if there's any further info i can provide.

Many thanks in advance!
Jack

TabStrip

answered on 28 Nov 2012

1 answer

132 views

How to show the delete button from the scheduler appointment item ?

Please i want to SHOW the delete button radscheduler appointment, or put any image in this place.
The code works perfectly, when i clicked this position. But i don't know why do not showing this button??

My code:

<telerik:RadScheduler ID="RadScheduler1" runat="server"

Skin="WebBlue" ShowViewTabs="False"

onformcreated="RadScheduler1_FormCreated"

onappointmentcommand="RadScheduler1_AppointmentCommand"

onappointmentcreated="RadScheduler1_AppointmentCreated"

onappointmentdelete="RadScheduler1_AppointmentDelete" ShowHoursColumn="False"

>

<MonthView VisibleAppointmentsPerDay="30" AdaptiveRowHeight="true" />

<AppointmentTemplate>

<div>

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

</div>

</AppointmentTemplate>

<InlineInsertTemplate>

<div>

</div>

<table>

<tr>

<td>

<telerik:RadComboBox ID="RadComboBox1" runat="server">

</telerik:RadComboBox>

<asp:LinkButton ID="InsertButton" runat="server" CommandName="Insert" Text="Agregar"></asp:LinkButton>

</td>

</tr>

</table>

</InlineInsertTemplate>

</telerik:RadScheduler>

Thank you

Scheduler

answered on 28 Nov 2012

4 answers

236 views

Control the width of Gauge Ranges

Hi Team,

Presently i have implemented Double Needed Gauge Control as you can see in this image (Double Needle Gauge ).
As we can see in the Image Red Range ranges from 0 -> 700 and Green ranges from 700 -> 1100 .

Dont we have any way to show both the ranges spreading from Zero just like Rainbow (Colors Running Parallel ).
To be specific in this case :
Both the Red and green Range should start from Zero and Red ending at 700 and Green traversing till 1100.

Does anyone know how to achieve this. ?

Thanks,
Madhav Joshi

Gauge

answered on 28 Nov 2012