Questions on UI for ASP.NET AJAX Forum

1 answer

159 views

Hi
I have a problem with MasterPage and RadAjaxManager because when the RadGrid (in contentPage) fires an autoPostBack, the RadAjaxManager never catch de event and the whole page is refreshed. I already saw some examples where show how to use MasterPage with RadAjaxManager, but I can´t get do it in my project.

MasterPage:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Maestra.master.cs" Inherits="sicoge.Maestra.Maestra" %>

<!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 id="Head1" runat="server">

<title>Página sin título</title>

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>

<link rel="Stylesheet" type="text/css" href="../common/master.css"/>

<style type="text/css">

.style1

{

width: 100%;

}

</style>

</head>

<body>

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

<div>

<asp:LoginStatus ID="LoginStatus1" runat="server"

LogoutPageUrl="~/webForms/login.aspx" LogoutAction="RedirectToLoginPage"

onloggingout="LoginStatus1_LoggingOut" LoginText="Iniciar sesión."

LogoutText="Cerrar sesión."/>

<asp:LoginStatus ID="LoginStatus2" runat="server"

LoginImageUrl="~/images/log_in.png" LoginText=""

LogoutAction="RedirectToLoginPage" LogoutImageUrl="~/images/logout.png"

LogoutPageUrl="~/webForms/login.aspx" LogoutText=""

onloggingout="LoginStatus2_LoggingOut" />

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

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

</telerik:RadScriptManager>

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Default">

</telerik:RadSkinManager>

<telerik:RadFormDecorator ID="RadFormDecorator1" Runat="server"

Skin="Default" />

</div>

</form>

ContentPage :

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MisSolicitudes.aspx.cs" MasterPageFile="~/Maestra/Maestra.Master" Inherits="sicoge.webForms.MisSolicitudes" Title="Mis Solicitudes" %>

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

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

<link rel="Stylesheet" type="text/css" href="../common/Forms.css" />

</asp:Content>

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

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="GrdSolicitudes">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

<telerik:RadGrid ID="GrdSolicitudes" runat="server"

AllowFilteringByColumn="True" AllowPaging="True" DataSourceID="SqlDataSource1"

GridLines="None" ShowGroupPanel="True" Culture="Spanish (Mexico)"

Width="906px">

<HeaderContextMenu EnableImageSprites="True" CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

<GroupPanel Text="Arrastre y suelte aqui una columna para agrupar.">

</GroupPanel>

<MasterTableView AutoGenerateColumns="False" DataKeyNames="IdSolicitud" DataSourceID="SqlDataSource1"

NoMasterRecordsText="No hay registros para mostrar.">

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="IdSolicitud" DataType="System.Int32"

HeaderText="IdSolicitud" ReadOnly="True" SortExpression="IdSolicitud"

UniqueName="IdSolicitud" Visible="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Folio" HeaderText="Folio"

SortExpression="Folio" UniqueName="Folio">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="IdSeccion" DataType="System.Int32"

HeaderText="IdSeccion" SortExpression="IdSeccion" UniqueName="IdSeccion">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="IdEstadoSolicitud" DataType="System.Int32"

HeaderText="IdEstadoSolicitud" SortExpression="IdEstadoSolicitud"

UniqueName="IdEstadoSolicitud">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FechaSolicitud" DataType="System.DateTime"

HeaderText="FechaSolicitud" SortExpression="FechaSolicitud"

UniqueName="FechaSolicitud">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Observaciones" HeaderText="Observaciones"

SortExpression="Observaciones" UniqueName="Observaciones">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<GroupingSettings GroupContinuedFormatString="... continuación de la pág anterior. "

GroupContinuesFormatString=" Continua en la siguiente pág."

GroupSplitDisplayFormat="Mostrando {0} de {1} elementos." />

<ClientSettings AllowDragToGroup="True">

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

<Resizing AllowColumnResize="True" />

</ClientSettings>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

And ContentPage CS:

using System;

using System.Collections;

using System.Configuration;

using System.Data;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;

using Telerik.Web.UI;

namespace sicoge.webForms

{

public partial class MisSolicitudes : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

RadAjaxManager ajm = this.Master.FindControl("RadAjaxManager1") as RadAjaxManager;

ajm.AjaxSettings.AddAjaxSetting(GrdSolicitudes, RadAjaxPanel1);

}

The exception that it fires is: System.NullReferenceException: Referencia a objeto no establecida como instancia de un objeto.

Línea 20: {

Línea 21: RadAjaxManager ajm = this.Master.FindControl("RadAjaxManager1") as RadAjaxManager;

Línea 22: ajm.AjaxSettings.AddAjaxSetting(GrdSolicitudes, RadAjaxPanel1);

Línea 23: }

Línea 24:

Also, when I put a RadAjaxManagerProxy in the contentPage and I try to configure it (Configure Ajax Manager), nothing controls are showed in the "Select the controls that will initiate AJAX request" panel and I cant configure anything.

Ajax

answered on 11 Mar 2011

1 answer

223 views

RadScheduler, ObjectDataSource, custom fields

Hi all,

I am sorry if this question has already been answered before.

I have the scheduler that uses ObjectDataSource, which returns a list of EventItem, where EventItem is my custom class. While I was able to map all the fields that the scheduler needed, I would like to bind some other fields from EventItem. What will be the easiest way to do it on ascx page?

Ideally, I would like something like that (which doesn't work now):

<AppointmentTemplate>

<asp:Label ID="Label1" runat="server" Text='<%# Eval("Title") %>'></asp:Label>

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

<asp:Label ID="Label2" runat="server" Text='<%# Eval("Location") %>'></asp:Label>

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

<asp:Label ID="Label5" runat="server" Text='<%# PDConvert.ToDateTime(Eval("Start")).ToString("t") +

((PDConvert.ToDateTimeN(Eval("Start"))==null) ? "" : " - " + PDConvert.ToDateTime(Eval("End")).ToString("t") )%>'></asp:Label>

</AppointmentTemplate>

Thank you.

Scheduler

answered on 11 Mar 2011

0 answers

90 views

Browser compatibiltiy issue with radscheduler

Hello

IN rad scheduler when i click new appointment the pop up open but problem is

If i open in Mozila looks fine. see attach sreen1 file

But if i open in IE8 it's not looks fine see attachment screen2 file

Plz help me ASAP

Thanks
Regards
Rahul

Scheduler

asked on 11 Mar 2011

4 answers

97 views

RadProgressArea Header Text Chopped off

Hello,

I set the HeaderText property of the RadProgressArea control. The text does display duing the actual upload, but the bottom portion of the text is partially chopped off. See attachment for a sample. Note that the bottom portion of the letter "g" in "Uploading" and "Large" is not visible. Any suggestions would be appreciated.

Thanks, Craig

Upload (Obsolete)

answered on 11 Mar 2011

1 answer

89 views

item requested not working in radgrid

Hi,

I have radcombobox into my radgrid. i want selected index changed without post back.

here i attached my code

<telerik:RadComboBox ID="ddlCoverage" AutoPostBack="false" Width="110px" AppendDataBoundItems="true"
                                                runat="server" OnSelectedIndexChanged="ddlCoverage_IndexChanged" DataTextField="cvg_typ_code" OnClientSelectedIndexChanged="LoadDdlCvg" OnItemsRequested="ddlCoverage_OnItemsRequested"
                                                DataValueField="pln_cvg_id">
                                            </telerik:RadComboBox>

function LoadDdlCvg(combo, eventArqs) {
                      var item = eventArqs.get_item();
                      $find(combo.get_id()).requestItems(item.get_value(), false);
                  }

   Protected Sub ddlCoverage_OnItemsRequested(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadComboBoxItemsRequestedEventArgs)
        Dim rcCoverage As RadComboBox = DirectCast(sender, RadComboBox)
        Dim l_pln_id, l_pln_cvg_id, ben_EE_amt, ben_ER_amt As Double
        Dim item As GridDataItem = CType(rcCoverage.NamingContainer, GridDataItem)
            l_pln_cvg_id = e.Text
            Dim lblEEContrib As Label = item.FindControl("lblEEContrib")
            Dim lblERContrib As Label = item.FindControl("lblERContrib")

                lblEEContrib.Text = String.Format("{0:c}", ben_EE_amt)

                lblERContrib.Text = String.Format("{0:c}", ben_ER_amt)


    End Sub

Bold value comes from db correctly. but it is not showing. how to show?
is this any problem in my code?

Please give me a tips.

Thanks in advance,
Dhamu

Grid

answered on 11 Mar 2011

1 answer

131 views

RadAjaxPanel - RadToolTipManager and usercontrol

I have a RadTreeview and I display a RadTooltip on its nodes using a RadTooltipManager:

<telerik:RadTreeView ID="treeSubBooks" runat="server" Skin="WebBlue" AllowNodeEditing="false"

EnableDragAndDrop="false" OnNodeClick="tree_NodeClick" Width="240px">

</telerik:RadTreeView>

<telerik:RadToolTipManager ID="rttmSubBooks" Height="300px" Width="250px"

HideEvent="ManualClose" RelativeTo="Element" Position="MiddleLeft"

runat="server" ShowDelay="500" Skin="Telerik" EnableShadow="true" Animation="Fade"

OnAjaxUpdate="rttmSubBooks_AjaxUpdate">

</telerik:RadToolTipManager>

The tooltip displays a usercontrol:

protected void rttmSubBooks_AjaxUpdate(object sender, ToolTipUpdateEventArgs e)

{

Control ctrl = LoadControl("~/UserControls/ucTooltipTreeviewBook.ascx");

e.UpdatePanel.ContentTemplateContainer.Controls.Add(ctrl);

var iuser = (IUserControl)ctrl;

iuser.Parameter = e.Value;

var action = (ITooltipTreeviewAction)ctrl;

action.Action += tooltip_action;

}

private void tooltip_action(object sender, TooltipTreeviewEventArgs e)

{

buildSubBooks(e.Action, e.BookName);

}

In the ucTooltipTreeviewBook usercontrol there is a LinkButton that executes the "Action" event, then my buildSubBooks method is called and the treeview nodes are updated.
All of that is included in a RadAjaxPanel.
:)

Now the problem is that the page is not refreshed when I click on the LinkButton in the tooltip. But if I click on another LinkButton in the page, the RadTreeview is well updated (with the buildSubBooks modifications).
Is it because the usercontrol is loaded dynamically and the RadAjaxPanel doesn't know it? Or did I do something wrong?

ToolTip

answered on 11 Mar 2011

3 answers

128 views

calendar dates block

Hi,

I am working on Telerik RadScheduler.

I have different sessions called screening, evaluation, discussions and etc....

So depending upon the dates of the above sessions, I have to highlight the calendar in Radscheduler.
All the other dates other than this should be blocked.

For example:
Screening : 2/23/2011 to 3/29/2011
Evaluation :4/12/2011-4/30/2011
Discussions-1/2/2011-1/5/2011.

All the dates other than this should be blocked and not be highlighted to the user.Is there any way to do it?
These dates are stored in the database by the admin and is reflected to the user.
So please do not give any answer with javascript.
I want code for disabling the calendar dates after retrieving the dates from the database. Whenever the page loads, the calendar should be highlighted with only the dates avaliable in the database and all the other dates should be disabled.
Code snippets as answers as per my requirement would be appreciated instead of redirecting me to any other blog.

Scheduler

answered on 11 Mar 2011

3 answers

167 views

Removing tool Bar in RadEditor in Preview Mode?

Hi i had a RadEditor in Preview Mode. I dont want to display the tool bar but i am not able to do this? How to acheive this?

<telerik:RadEditor ID="RdEditor_MessageContent" Runat="server" Width="95%" Height="190" EditModes="Preview">
   <Tools>
   <telerik:EditorToolGroup>
   </telerik:EditorToolGroup>
   </Tools>
</telerik:RadEditor>

I tried like above but it is displaying the tool bar strip ..how to do this?

Editor

answered on 11 Mar 2011

1 answer

138 views

Sitefinity and RadDock Title wrong position

We are using raddock, when we apply sitefinity skin to it, the dock title is wrong aligned. its aligned to the top of element. the result is the same on online demos if we apply sitefinity skin to it.

http://demos.telerik.com/aspnet-ajax/dock/examples/default/defaultcs.aspx

We solve this problem by applying custom css style to rad dock.

    .RadDock_Sitefinity .rdTitleBar em {
    padding-top:6px;
    }

Thanks

Dock

answered on 11 Mar 2011

6 answers

134 views

Arrow replacement after auto-resizing in tooltip

Hi all - including Telerik supporters :o)

This issue seems to be a recurring one, but still I can't find any solution to the problem. It seems to be very general, since the problem also occurres at the Telerik demo site; ToolTip / First Look .

My problem is very shortly to describe. When positioning the tooltip beneath or to the right of an element, the resizing goes very well since the arrow pointing at the associate element doesn't have to be moved, but when the tooltip has to be placed to the left or above the element (for example if there isn't space enough beneath the element to show the tooltip), the problem occur.

I have attached an example of the problem. 'Correct.png' shows how a correctly loaded tooltip is shown (tooltip is placed beneath the associated element), where 'Incorrect loading.png' and 'Incorrect loaded.png' shows how the arrow is stocked at the same placed before and after the tooltip is fully loaded - which ends up with an arrow inside the tooltip instead.

What can I do to solve my problem?

ToolTip

answered on 11 Mar 2011