Questions on UI for ASP.NET AJAX Forum

1 answer

213 views

show wait cursor or rotator during tab change?

I have an application that I would like to add some sort of wait indicator to during changes in tab selection. Each tab has 15+ RadSlider controls on it, and upon first navigation to each tab the browser freezes for about 5 seconds then I get a wait cursor (the browser reports as not responding) for another 5+ seconds. I would like to show some sort of visual indication from the beginning. I have tried showing a modal popup, showing a spinner, and changing the cursor. Anything that involves an update of the display never shows, however alerts do show. Is there any way to force processing to pause and update the display during the OnClientTabSelecting event?

TabStrip

answered on 10 May 2011

1 answer

89 views

Date picker - Hot key for current day

HI ,
Good Evenning!!

I have an requirement in my project. when we enter 'today' or 'c' in date picker , needs to show 'Current date' ( say May 10th).

please hlep me with code part.

Calendar

answered on 10 May 2011

1 answer

115 views

tree node click event

Hello,

I have a radtreeview inside a radcombox. On tree node click event i do some operations.

I observed this event got called even the page is refreshed and i do not have control over it.

even page.IsPostback i can not use.

I want this event should be called only on the node click and not on page refresh / any postback event on the page.

Or plz suggest something that I can restrict my operations to be done even if this event is called.

<telerik:RadTreeView ID="RadTreeViewCustSupportReports" runat="server" OnNodeClick="RadTreeViewCustSupportReports_NodeClick"

Skin="Vista" Width="100%">

<Nodes>

<telerik:RadTreeNode runat="server" Expanded="false" ForeColor="Blue" Height="300"

Text="Customer Support Management">

<Nodes>

<telerik:RadTreeNode runat="server" ImageUrl="~/Images/chart_pie.png" Text="Avg Response Time"

Value="~/Internal/Dashboard/Reports/CSMD_Average_Response_Time.ascx">

TreeView

answered on 10 May 2011

2 answers

112 views

Issue with AdvancedEditTemplate

Hi,

I'm working with a scheduler that have a DataSource coming from a database. My problem is when i do a right click and go to the edit form, or the screen freeze or its raised a object null exeption whith the source in the telerik's assembly. In the aspx i'm using the code in this tutorial :http://www.telerik.com/help/aspnet-ajax/scheduler-custom-modal-advanced-template.html.
Here i'm setting the radScheduler's DataSource

protected void imbPesquisarEvento_Click(object sender, ImageClickEventArgs e)

{

try

{

BpAgendaFamilia bpAgendaFamilia = new BpAgendaFamilia();

DateTime periodo = (DateTime)RdDataPeriodo.SelectedDate;

EcoArrayList listaHorarios = bpAgendaFamilia.RetornarAgenda(IdProfissional, periodo.Month, periodo.Year);

if (listaHorarios.Count != 0)

{

ListaHorarios = listaHorarios.Cast<BeAgendaFamilia>().ToList();

List<AppointmentInfo> listaAppointment = new List<AppointmentInfo>();

foreach (BeAgendaFamilia horario in listaHorarios)

{

BeFamilia familia = (BeFamilia)new Processador().Load(typeof(BeFamilia), horario.IdFamilia);

Appointment appointment = new Appointment();

appointment.ID = horario.agd_familia_sequencial.ToString();

appointment.Start = horario.agd_familia_tempo_inicio;

if (familia != null)

appointment.Subject = familia.Exibicao;

else

appointment.Subject = "Horário Livre";

appointment.End = horario.agd_familia_tempo_fim;

Appointments.Add(appointment);

}

RadScheduler1.DataSource = Appointments;

}

else

RadAjaxManager1.Alert("O Profissional não possue agenda criada no periodo informado. Crie a agenda do profissional em Ambulatorio/Agenda/Gerar Agenda.");

}

catch (Exception ex)

{

RadAjaxManager1.Alert(ex.Message);

}

My aspx whith the AdvanceEditTemplate

<telerik:RadScheduler runat="server" ID="RadScheduler1" Skin="Windows7" Height="551px"

ShowFooter="False" SelectedDate="2011-04-01" TimeZoneOffset="03:00:00" DayEndTime="21:00:00"

FirstDayOfWeek="Monday" LastDayOfWeek="Friday" EnableDescriptionField="True"

StartEditingInAdvancedForm="true" StartInsertingInAdvancedForm="true" AppointmentStyleMode="Default"

OnNavigationComplete="RadScheduler1_NavigationComplete" OnAppointmentCreated="RadScheduler1_AppointmentCreated"

OnAppointmentDataBound="RadScheduler1_AppointmentDataBound" OnAppointmentDelete="RadScheduler1_AppointmentDelete"

OnAppointmentUpdate="RadScheduler1_AppointmentUpdate" OnAppointmentInsert="RadScheduler1_AppointmentInsert"

Culture="Portuguese (Brazil)" OnFormCreated="RadScheduler1_FormCreated1" SelectedView="MonthView"

OnAppointmentCommand="RadScheduler1_AppointmentCommand" AllowEdit="true">

<AdvancedForm Modal="true" />

<TimelineView UserSelectable="false" />

<AppointmentTemplate>

<div class="rsAptSubject">

<%# Eval("Subject") %>

</div>

<%# Eval("Description") %>

</AppointmentTemplate>

<AdvancedEditTemplate>

<div class="rsAdvancedEdit rsAdvancedModal" style="position: relative">

<div class="rsModalBgTopLeft">

</div>

<div class="rsModalBgTopRight">

</div>

<div class="rsModalBgBottomLeft">

</div>

<div class="rsModalBgBottomRight">

</div>

<asp:LinkButton runat="server" ID="LinkButton1" CssClass="rsAdvEditClose" CommandName="Cancel"

CausesValidation="false" ToolTip='<%# Container.Appointment.Owner.Localization.AdvancedClose %>'>

<%# Container.Appointment.Owner.Localization.AdvancedClose%>

</asp:LinkButton>

</div>

<div class="rsAdvContentWrapper">

<asp:Label ID="lblFamilia" runat="server" Text="Familia" Label='<%# Container.Appointment.Owner.Localization.AdvancedSubject%>'></asp:Label>

<asp:DropDownList ID="ddlFamilia" runat="server" Label='<%# Container.Appointment.Owner.Localization.AdvancedSubject%>'>

</asp:DropDownList>

<p>

<%-- Custom content here...--%>

</p>

<asp:Panel runat="server" ID="Panel1" CssClass="rsAdvancedSubmitArea">

<div class="rsAdvButtonWrapper">

<asp:LinkButton CommandName="Update" runat="server" ID="LinkButton2" CssClass="rsAdvEditSave">

<span><%# Container.Appointment.Owner.Localization.Save%></span>

</asp:LinkButton>

<asp:LinkButton runat="server" ID="LinkButton3" CssClass="rsAdvEditCancel" CommandName="Cancel"

CausesValidation="false">

<span><%# Container.Appointment.Owner.Localization.Cancel%></span>

</asp:LinkButton>

</div>

</asp:Panel>

</div>

</AdvancedEditTemplate>

and here is my event handles

protected void RadScheduler1_FormCreated1(object sender, SchedulerFormCreatedEventArgs e)

{

try

{

if (e.Container.Mode == SchedulerFormMode.AdvancedInsert)

{

CarregarComboFamilia(e.Container);

}

if (e.Container.Mode == SchedulerFormMode.AdvancedEdit)

{

CarregarComboFamilia(e.Container);

DropDownList ddlFamilia = (DropDownList)e.Container.FindControl("ddlFamilia");

if (ddlFamilia.Items.FindByText(e.Appointment.Subject) != null)

ddlFamilia.Items.FindByText(e.Appointment.Subject).Selected = true;

else

ddlFamilia.Items[0].Selected = true;

}

catch (Exception ex)

{

RadAjaxManager1.Alert(ex.Message);

}

protected void RadScheduler1_AppointmentCommand(object sender, AppointmentCommandEventArgs e)

{

if (e.CommandName == "Insert")

{

DropDownList ddlFamilia = (DropDownList)e.Container.FindControl("ddlFamilia");

e.Container.Appointment.Subject = ddlFamilia.Items.FindByValue(ddlFamilia.SelectedValue).Text;

Appointments.Add(e.Container.Appointment);

}

if (e.CommandName == "Update")

{

DropDownList ddlFamilia = (DropDownList)e.Container.FindControl("ddlFamilia");

e.Container.Appointment.Subject = ddlFamilia.Items.FindByValue(ddlFamilia.SelectedValue).Text;

}

protected void CarregarComboFamilia(SchedulerFormContainer container)

{

DropDownList ddlFamilia = (DropDownList)container.FindControl("ddlFamilia");

ParameterClassCollection parametros = new ParameterClassCollection();

parametros.Add(new ParameterClass("IdMicroArea", UCEstruturaRegionalFichaA1.MicroareaSelectedValue));

EcoArrayList listaFamilia = new Processador().List(typeof(BeFamilia), parametros);

ddlFamilia.DataSource = listaFamilia.Cast<BeFamilia>().ToList();

ddlFamilia.DataValueField = "Id";

ddlFamilia.DataTextField = "Exibicao";

ddlFamilia.DataBind();

}


 

protected void RadScheduler1_AppointmentCreated(object sender, AppointmentCreatedEventArgs e)
 
 
  {
 
 

    if (e.Appointment.Visible)
 
 
     {
 
 

       //string id = e.Appointment.ID.ToString(); 
 


 

       //A alterao de aprazamento permitida somente para ENFERMEIRO e MEDICOS 
 


       e.Appointment.AllowEdit = 

true;
 
 
       e.Appointment.AllowDelete = 

true;
 
 
     }    
 
  }

I don't know what else i can do. Anyone has a idea what could that be?? Thank's.

Scheduler

answered on 10 May 2011

4 answers

96 views

Flash DIalog not showing .FLV files - Upload Option not working

Hello all,

I have a few RadEditors in their respective EditTemplates in their respective RadGrids. The ImageManager is able to correctly insert images into the Editor but the Flash DIalog does not see the .FLV files placed in it's configured folder.

Here is the code:

<telerik:RadEditor ID="ctrlRadEditorFeature" runat="server" DialogHandlerUrl="~/Telerik.Web.UI.DialogHandler.axd"

Skin="Default" AllowScripts="true" EditModes="All"

AutoResizeHeight="true" EnableResize="true">

<Content>

</Content>

<ImageManager ViewPaths="~/Content/pages/uploads/images" UploadPaths="~/Content/pages/uploads/images" DeletePaths="~/Content/pages/uploads/images"/>

<MediaManager ViewPaths="~/Content/pages/uploads/media" UploadPaths="~/Content/pages/uploads/media" DeletePaths="~/Content/pages/uploads/media" />

<FlashManager ViewPaths="~/Content/pages/uploads/flash" UploadPaths="~/Content/pages/uploads/flash" DeletePaths="~/Content/pages/uploads/flash" />

<TemplateManager ViewPaths="~/Content/pages/uploads/templates" UploadPaths="~/Content/pages/uploads/templates" DeletePaths="~/Content/pages/uploads/templates" />

<DocumentManager ViewPaths="~/Content/pages/uploads/documents" UploadPaths="~/Content/pages/uploads/documents" DeletePaths="~/Content/pages/uploads/documents" />

<SilverlightManager ViewPaths="~/Content/pages/uploads/silverlight" UploadPaths="~/Content/pages/uploads/silverlight" DeletePaths="~/Content/pages/uploads/silverlight" />

<CssFiles>

<telerik:EditorCssFile Value="~/Content/css/RadEditorContentArea.css" />

</CssFiles>

</telerik:RadEditor>

The dialog is empty of files. I read this thread and found no resolve.

The Uploads option also does not work. You can browse and select an upload but when you submit the resulting page is a "connection" problem. Is there code behind that needs to be put in place for this?

Thanks Telerik support,
Reid

Editor

answered on 10 May 2011

3 answers

157 views

RadDatePicker - How to overlap browser window edges

Hi there,

I am currently having some problems with the RadDatePicker control. When it's expanded, the bottom and left edges of the control are hidden behind the window boundaries. I do not want to make the window size bigger to accomdate for this, as it looks silly with wasted space when the control is collapsed.

Is there a way in which we can expand the RadDatePicker control in front fo the browser window edges (much like ASP.net drop-down-lists)?

Calendar

answered on 10 May 2011

1 answer

166 views

Centering RadMenu on the page

I have been looking over the forums and have seen a lot of information about formating hte Radmenu. Things like dir rtl, text-align etc but for the life oe me I have not been able to find an answer to what I would think would be a simple question.

I have a DIV that has its width set to 90% Text-align:center. In that DIV is a RadMenu (text-align:center;) with up to 9 RadMenuItems. So at times this menu may only have 3 items and others it may have 9 items.

No matter what I do the Radmenu is never centered within the DIV.

Has anyone been able to center the RadMenu

Menu

answered on 10 May 2011

7 answers

110 views

Centering RadMenuItems in a 100% width Radmenu

Hello,

I am trying to center my RadMenuItems so that the text appears at the center of the page. Unfortunately, everything appears left aligned even though the menu fills up the entire width of the page. So, how do I fill up the entire width of the page while having the menuitems completely centered?

General Discussions

answered on 10 May 2011

2 answers

65 views

Template section

I want to have this structure

BUTTON | <TEMPLATE AREA> | BUTTON

So I just want the template area to show a pager count which I define in my javascript.

How can I get it to just be a blank toolbar "zone" instead of a physical button which gets click events\etc (styling applied on hover\click)?

Thanks,
Steve

ToolBar

answered on 10 May 2011

5 answers

191 views

How to expand the sliding pane from server side

Hi,
I am creating sliding zone and sliding panes dynamically.I want to expand one of the sliding panes on one button click event at server side for the dynamically created zone.
I have created the zones and sliding panes on OnInit method and I used the property ExpandPaneID of sliding zone in the page load method to expand a particular sliding pane in the page postback.
I dont see any pane getting expanded.
Can you please suggest how we can do that?
Thanks in advance.

Regards,
Bhavya

Splitter

answered on 10 May 2011