Questions on UI for ASP.NET AJAX Forum

6 answers

210 views

RadAjax, RadWindow ans master page combination

I have a complicated, though I suspect not unique scenario.

1. I have a page that is used to edit a record on a database. The edit screen is shown as a popup form within the main page using a RadWindow control (definition as thus:...)

    
            <telerik:RadWindow ID="wndPopup" runat="server" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false" Skin="ControlCentre" VisibleOnPageLoad="false" VisibleStatusbar="false" VisibleTitlebar="true" Modal="true" ShowContentDuringLoad="false" Behaviors="Close" style="z-index:8000 !important" > </telerik:RadWindow>

2. The popup page uses a master page to control the look and feel etc.. This has the following defined on the top of the page:

    
                <form id="form1" runat="server">  
        
                    <telerik:RadScriptManager id="ScriptManager1" runat="server" EnablePageMethods="true" EnablePartialRendering="true" />           
        
                    <telerik:RadAjaxManager ID="RadAjaxManager2" runat="server" EnableAJAX="true" EnableHistory="true" EnableEmbeddedScripts="true" DefaultLoadingPanelID="pnlLoading2" > </telerik:RadAjaxManager> 
        
                    <telerik:RadAjaxLoadingPanel id="pnlLoading2" Runat="server" IsSticky="true" CssClass="divPleaseWait" InitialDelayTime="1" MinDisplayTime="250" > 
        
                        <div class="divPleaseWaitSmall">  
        
                            <div class="divPleaseWaitMsg">  
        
                                <asp:Image ImageUrl="~/_img/loading.gif" AlternateText="Please Wait" ID="Image2" runat="server"/><br /> 
        
                                <p><strong>Please Wait</strong><br />We're working on your request...</p>                
        
                            </div>               
        
                        </div>   
        
                    </telerik:RadAjaxLoadingPanel> 
        
                    <telerik:RadWindowManager id="wndManager2" runat="server" Skin="ControlCentre" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false" ></telerik:RadWindowManager>

The RadWindowManager is used to show nice alerts to the user indicating that the validation isn't correct etc...

3. The popup page (content page not master page) has a checkbox on it to show / not show a datetime picker. On checking the checkbox, the page should callback to the server to see if the datetime picker should be visible or not... The page has the following in the code:..

At the top of the page:

    
            <asp:Content ID="Content5" ContentPlaceHolderID="cphServerControls"  Runat="Server">  
        
                <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">  
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="chkDateEd" EventName="CheckedChanged">  
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="lblNotDiscontinued"  /> 
        
                                <telerik:AjaxUpdatedControl ControlID="dtpDateEnd" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                        <telerik:AjaxSetting AjaxControlID="hidUpdateField" EventName="ValueChanged">  
        
                            <UpdatedControls> 
        
                            <telerik:AjaxUpdatedControl ControlID="cphMainPage" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManagerProxy> 
        
            </asp:Content>

In the content of the page:

    
                            <asp:Panel ID="Panel6" runat="server" CssClass="divStandardForm">  
        
                               <asp:Label CssClass="formlabel" ID="lblEndDate" AssociatedControlID="pnlDateEnd" Text="End Date:" runat="server"></asp:Label> 
        
                               <asp:Panel id="pnlDateEnd" runat="server">  
        
                                   <asp:CheckBox runat="server" ID="chkDateEd" AutoPostBack="true" /><span>&nbsp;&nbsp;<asp:label  ID="lblNotDiscontinued" runat="server" CssClass="OkData" Text="Continues, Click To Set Date"></asp:label><telerik:RadDateTimePicker ID="dtpDateEnd" runat="server" PopupDirection="TopLeft" ></telerik:RadDateTimePicker></span>  
        
                               </asp:Panel> 
        
                            </asp:Panel>

It seems to me that all of the AJAX is working well... the date picker control appears / hides correctly and all of the RadAlert messages appear correctly. All of the AJAX looks ok!

However, the problem is that my loading panel is never displayed... ever! :(

This is causing me:
(a) serious headaches as I've spent lots of hours looking at it
(b) project slippage caused by (a)
(c) lots of abuse from customers as this looks poor without a "please wait" message

Please help me try to recover my sanity

Simon

Ajax

answered on 29 Dec 2010

1 answer

59 views

Facing issue while using RadGrid in Custom webpart in SharePoint 2010

Hi,

I am developing a custom webpart for SharePoint 2010, and I have used Telerik RadGrid for ASP.Net in the webpart to display data.
Also, I am exposing some custom properties of webpart in such a way that, they can be set by the end user by doing 'Edit web part'.

Ideally, when the user clicks on 'Edit Web Part', enters some value in some control (say textbox) in the Editor Pane, clicks on 'Apply' and then clicks on 'Ok', the value has to be set to the property of the webpart and it should be persistent.
My observation is, if I add Telerik radgrid to the webpart, the value is not persisting, and if I do not add Telerik radgrid, the value is persisting.
Kindly help on this issue.

Thanks,
Sumanth

Grid

answered on 29 Dec 2010

2 answers

250 views

[Solved] Server Side Event in Item Template of Rad Grid

I have a RadGrid there is Item template in it containing a asp.net Hyperlink . I want that, onclick of this hyperlink some event in code behind to be fired with respect to the that Item. I have the event code written in the CSharp. Is that possible ? How ?

Grid

answered on 29 Dec 2010

2 answers

116 views

[Solved] Bind enum to datagrid

Hi

I am very new to telerik controls and still learning how to use them
Currently I have a telerik grid which has a dropdowncolumn getting the selected value fro the database.
but while editing, i want to show the list of values from an enumeration.
Can anybody tell me how to achieve this?

Grid

answered on 29 Dec 2010

2 answers

58 views

[Solved] Scheduler Opera bug

The schedular control isn't rendered correctly in any version of Opera as seen in the attached screenshot.

(Opera 11)

Scheduler

answered on 29 Dec 2010

1 answer

102 views

Added Custom Header Row - How Do I Apply Your "Sorted" CSS Class To It?

Telerik.Web.UI v2010.3.1109.35

We have a radgrid (Theme/Skin="Windows7") and we've added a custom header row like this:

// ***** Add Grid Header Summary Row *****

GridItem[] header = this.MyWorkRadGrid.MasterTableView.GetItems(GridItemType.Header);

//get the current THead element

GridTHead head = ((GridTHead)header[0].Parent.Controls[1].Parent);

//create a new GridHeaderItem which will be the new row

GridHeaderItem newHeaderItem = new GridHeaderItem(this.MyWorkRadGrid.MasterTableView, 0, 0);

newHeaderItem.Cells.Add(new GridTableHeaderCell() { Text = " " });

newHeaderItem.Cells.Add(new GridTableHeaderCell() { Text = count, ColumnSpan = 5, Width = new Unit(100, UnitType.Percentage), HorizontalAlign = HorizontalAlign.Left, VerticalAlign = VerticalAlign.Middle });

for (int i = 0; i < head.Controls.Count; i++)

{

// loop through the header controls collection and find the 'row' that has the same type of GridHeaderItem

// Then insert the new row just above it - remember the 0 based index will push the original header row down

if (head.Controls[i].GetType() == newHeaderItem.GetType())

{

head.Controls.AddAt(i, newHeaderItem);

}

Our custom inserted header row takes on the windows 7 grid theme, which is cool.
But my boss wants to see if we can style this custom row with your existing "sorted by" column css style - which is like a split gradient.

If you look at the attached image (the customer data is fake data) -
The grid data is sorted by the "Contact Name" column, and so that column header has one of your css classes on it (circled in red)
The custom header I added is the one with the text "(9) Recent Contacts" (red arrow) and that is the row we want your sorted css class on.

Thanks,
Ray

Grid

answered on 29 Dec 2010

2 answers

400 views

[Solved] Passing Eval to Javascript from RadGrid

The bolded item is where I am running into a problem. When I run I get the javascript object expected error. And this is what is in the dynamic code:
onclick="return confirmDelete("911 ETC, Inc.");"

<telerik:GridTemplateColumn>
                            <ItemTemplate>
                                <asp:Button ID="deleteButton" style="text-decoration:none" CommandName="Delete" runat="server" Text="Delete" CommandArgument='<%# Eval("VendorCode") + "," + Eval("Vendor") %>' OnClick="vendor_Delete" Enabled="false"
OnClientClick='<%# String.Format("return confirmDelete(\"{0}\");", Eval("Vendor"))%>' >
                                </asp:Button>
                                <asp:Button ID="editButton" style="text-decoration:none" CommandName="EditButton" runat="server" OnClick="vendor_Edit"
                                    Text="Edit" CommandArgument='<%# Eval("VendorCode") + "," + Eval("Vendor") %>' >
                                </asp:Button>
                           </ItemTemplate>
                           <ItemStyle Width="115px" VerticalAlign="Top" />
                    </telerik:GridTemplateColumn>

Grid

answered on 29 Dec 2010

1 answer

77 views

[Solved] localization for sharepoint 2010

hi guys ,
I develop a application page for sharepoint 2010 and use RadScheduler , how i can use resx files ?
where I should copy these files ?
thanks

Scheduler

answered on 29 Dec 2010

5 answers

124 views

Latest release broken?

Anyone manage to get the lastest release to work..
It appears that the CDN components are not loaded, as S3 cannot find any of the telerick data?

This happens for all telerik CDN resources, the error below is for http://aspnet-skins.telerikstatic.com/ajaxz/2010.3.1215/Default/Ajax.Default.css

What gives? anyone know how to fix this as all of our applciations have stopped working!!!

"x-amz-request-id: 5B44F44ED4B57B14
x-amz-id-2: Z++fwv6or8d5hoso5jr0GZmHdDRFIf57sYcyesPhMR6g1i/FwxJM/nAQZhosIhhL
Content-Type: application/xml
Date: Wed, 15 Dec 2010 20:35:00 GMT
Server: AmazonS3
Age: 53
Content-Length: 301
X-Cache: Error from cloudfront
X-Amz-Cf-Id: c27d8db1333d943ccf2c36be42d14904bc31491f6f0a8e6c3521607f05b3fd863bacabf17ccdae0f,11dde9a06e97df6e385ae7edc7d758d152f5950a33898996189845d11ca39d64a7716c1eb6df030e

Via: 1.0 95d61a85e49613d1aeb8bd7a93537154.cloudfront.net:11180 (CloudFront), 1.0 abe5fd7a524d9a9012cf9ddbca030997.cloudfront.net:11180 (CloudFront)"

Connection: close

General Discussions

answered on 29 Dec 2010

6 answers

283 views

Microsoft JScript runtime error: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method.

hi,

I Got this error and my radstriptab , OnTabClick occur error. all ajax process failed.. "Microsoft JScript runtime error: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method."

When RadTabStrip clicked, I got this error. I use like that.. Also there is no error on 'Telerik.Web.UI_2010_2_826' , but I update to 'Telerik.Web.UI_2010_3_1215' version and error occur.. Why the newest version occur that error. ? help...

<asp:MultiView ID="mwMainProcess" runat="server" ActiveViewIndex="1">
<asp:View ID="vMProcessList" runat="server">
/// some control
</asp:View>
<asp:View ID="vMProcessEntry" runat="server">
<telerik:RadTabStrip ID="rtsProcess" runat="server" MultiPageID="mwProcess" SelectedIndex="0" OnTabClick="rtsSite_TabClick">
<Tabs>
<telerik:RadTab Selected="True" Text="Deka Emri" Value="0"></telerik:RadTab>
<telerik:RadTab Text="Mteri Bilgileri" Value="1"></telerik:RadTab>
<telerik:RadTab Text=" Bilgileri" Value="2"></telerik:RadTab>
<telerik:RadTab Text="Dkman" Value="3"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="mwProcess" runat="server" SelectedIndex="0">
<telerik:RadPageView ID="vProcessIE" runat="server">
    <uc1:ProcessOrder ID="ProcessOrder1" runat="server" />
</telerik:RadPageView>
<telerik:RadPageView ID="vProcessCInfo" runat="server">
    <uc2:ProcessOrderCINFO ID="ProcessOrderCINFO1" runat="server" />
</telerik:RadPageView>
<telerik:RadPageView ID="vProcessJobInfo" runat="server">
    <uc3:ProcessOrderJobInfo ID="ProcessOrderJobInfo1" runat="server" />
</telerik:RadPageView>
<telerik:RadPageView ID="vProcessDoc" runat="server">
    <uc4:UploadDocuments ID="UploadDocuments1" runat="server" DocumentType="IE" />
</telerik:RadPageView>
</telerik:RadMultiPage>
</asp:View>
</asp:MultiView>

TabStrip

answered on 29 Dec 2010