Questions on UI for ASP.NET AJAX Forum

2 answers

101 views

Lost Control Rendering in VS2010 Beta2

I've been testing Telerik controls with Visual Studio 2010 Beta 2 for a few weeks now. I had some of the issues talked about with Beta 2, but was able to use the work-arounds to get the controls to render.

Recently I had to pull the whole project down from a hosted SVN repository. Since then, the Telerik controls aren't rendering correctly. I have Intellisence on the code-behind, but I see "Error Creating Control" errors when I view the APSX page in Design mode (not that I use design mode, but I was testing work-arounds).

- I've gone through all the work-arounds again (see links for steps I've followed) and it's not fixing anything.
- I've double checked that the correct files are in the bin directory
- I've check that the reference to Telerik.Web.UI is in the project
- I've tried placing the same files in the [VisualStudioInstallDir]\Common7\IDE\PrivateAssemblies directory

The controls seems to be partially rendering, but it's like the styles aren't being applied. I'm not sure if I'm missing something else. I've made sure the DLL's are in the bin directory of the web project. I've uninstalled and reinstalled the newest demo build... nothing seems to work.

Is there anything else I should be double checking?

I've followed steps in the following posts and it's not working:
http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/radcontrols-and-vs2010-beta-2-problem.aspx
http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/radcontrols-design-time-and-intellisense-in-visual-studio-2010-beta2.aspx

General Discussions

answered on 03 Feb 2010

1 answer

112 views

Rad Ajax Manger Issue after Update

Recentally I updated my Rad controls to this version: RadControls for ASP.NET AJAX Q3 2009 NET3.5

I drag and drop a RadAjaxManager on to the page and use the "Configure Ajax manager" API to set up the control and this is what is automaticaly generate in the source view:

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

<telerik.web.ui.ajaxsetting ajaxcontrolid="chkPriorityMessage"><updatedcontrols>

<telerik.web.ui.ajaxupdatedcontrol controlid="chkReadReceipt"></telerik.web.ui.ajaxupdatedcontrol>

</updatedcontrols>

</telerik.web.ui.ajaxsetting>

<telerik.web.ui.ajaxsetting ajaxcontrolid="btnSendMessage"><updatedcontrols>

<telerik.web.ui.ajaxupdatedcontrol controlid="lblRecipientError"></telerik.web.ui.ajaxupdatedcontrol>

</updatedcontrols>

</telerik.web.ui.ajaxsetting>

</AjaxSettings>

</telerik:RadAjaxManager>

The telerik.web.ui.ajaxsetting Tag is causing this error

Description: An error occurred during the parsing of a resource required to service this request. Please review the following specific parse error details and modify your source file appropriately.

Parser Error Message: Telerik.Web.UI.AjaxSettingsCollection must have items of type 'Telerik.Web.UI.AjaxSetting'. 'telerik.web.ui.ajaxsetting' is of type 'System.Web.UI.HtmlControls.HtmlGenericControl'.

Source Error:

Line 111:<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
Line 112: <AjaxSettings>
Line 113: <telerik.web.ui.ajaxsetting ajaxcontrolid="chkPriorityMessage"><updatedcontrols>
Line 114:<telerik.web.ui.ajaxupdatedcontrol controlid="chkReadReceipt"></telerik.web.ui.ajaxupdatedcontrol>
Line 115:</updatedcontrols>

I can edit the client side code and correct the issue by doing this

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

<telerik:AjaxSetting AjaxControlID="chkPriorityMessage">

<telerik:AjaxUpdatedControl ControlID="chkReadReceipt" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnSendMessage">

<telerik:AjaxUpdatedControl ControlID="lblRecipientError" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

This is how the Configure Ajax manager API should be generating the code, I would like to use the Configure Ajax manager API And NOT have to always modify my code from the source. How do I fix this????? This Just happened after I updated my controls, PLEASE HELP.

Ajax

answered on 03 Feb 2010

7 answers

627 views

[Solved] Grid DataItem and Anonymous Types

I have a grid that I am populating using LINQ and an anonymous type, the grid consists of 1 column with a hyperlink and can be populated by one of 2 data sources. Depending on the datasource I need to change the hyperlink and query parameters. I am trying to access the values for the parameters from the e.Item.DataItem, but being that it is an anonymous type, I'm not sure how to get at the values even though I can see them in the debugger. Anyone else come across this?

Grid

answered on 03 Feb 2010

5 answers

179 views

custom skin for treeview

Hello Folks!

I’m getting troubles creating my treeview skin for my web application.

At the end it should look like this (see image), I don’t have a clue how to work it out.

Exploding nodes should have an icon, those with no sons another icon.

And I should put a line separating a node from another

I tried deriving default skin with no good result.

Anyone can help?

Thanks

TreeView

answered on 03 Feb 2010

1 answer

113 views

TreeNode click without post back

Hi,

We have a telerik tree view which is generated dynamically. On a node click, the canvas in the middle of the page is loaded with a user control. When a node is clicked from the tree view, the whole page posts back and the screen freezes till the user control is loaded.
What we want is that the node click should not post back, but the click event needs to be fired.
Could anyone please tell a way of achieving the same?

Please note that the treeview is also contained in a user control and the page containing all these user controls already has <telerik:RadAjaxManager> registered on it.

Thanks & Regards,
Puneet.

TreeView

answered on 03 Feb 2010

3 answers

87 views

Customize Editor Dialog with Skin

Hi,

I've read how to create your own skin for a Telerik Window. But now I want to know how to implement it in a custom editor button that uses editor.showExternalDialog(...).
I have seen the DialogsCssFile property of the editor, but for a custom windows skin i've created (copied) two css files. Window.css & Window.CustomSkin.css. Linking one of these css files did not work.

I've created pictures for a custom windows frame and want to use it for the Editor Dialogs. Any suggestion/ advise?

Thanks in advance.

John

Editor

answered on 03 Feb 2010

1 answer

148 views

Scheduler and Webparts

I've built a Scheduler with a custom advanced form template which works perfect in a plain webform scenario using the Telerik Q3 2009. Once I place it in the webpart renders fine except when trying to show the custom advanced form template. It errors out in the Telerik.Web.UI.WebResource.axd line 1440 with a javascript error " TypeError Object has no method 'show'." Telerik.Web.UI.RadAjaxManager.ShowLoadingPanels. I'm guessing there is a conflict with webparts and the scheduler. This isn't associated with Sharepoint webparts or any other technology. Just straight asp.net webparts. Ok so now with the code:

                    <%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="User.aspx.vb" Inherits="Page_User_User" %>         
                     
            <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">         
            <asp:WebPartManager ID="wpm1" runat="server">         
                <Personalization Enabled="true" InitialScope="User" />         
                <StaticConnections>         
                   <asp:WebPartConnection ID="wpc5" ConsumerConnectionPointID="MyConsumerID" ProviderConnectionPointID="MyProviderID" ProviderID="ucProfile" ConsumerID="ucJobEvent"/>         
                </StaticConnections>         
            </asp:WebPartManager>         
                     
            <div class="grid_7">         
            <asp:WebPartZone ID="wpz3" runat="server">         
                <PartStyle ForeColor="White" />         
                <PartTitleStyle ForeColor="White" Font-Bold="true" Height="32px" />         
                <ZoneTemplate>         
                    <ck:viewCart ID="ucCart" runat="server" />         
                    <ck:viewProduct ID="ucProduct" runat="server" />         
                    <ck:viewJob ID="ucJobEvent" runat="server" />         
                </ZoneTemplate>         
            </asp:WebPartZone>         
            </div>         
            </asp:Content>         
                     
                     
                     
            <%@ Control Language="VB" AutoEventWireup="false" CodeFile="view_Job.ascx.vb" Inherits="UserControl_View_Commerce_view_Job" %>         
            <%@ Register TagPrefix="scheduler" TagName="AdvancedForm" Src="~/UserControl/View/Commerce/JobControls/AdvancedForm.ascx" %>         
            <rad:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server">         
                <AjaxSettings>         
                    <rad:AjaxSetting AjaxControlID="gridEvent">         
                        <UpdatedControls>         
                            <rad:AjaxUpdatedControl ControlID="gridEvent" />         
                        </UpdatedControls>         
                    </rad:AjaxSetting>         
                </AjaxSettings>         
            </rad:RadAjaxManagerProxy>         
            <rad:RadScriptBlock ID="ScriptBlock" runat="server">         
            <script type="text/javascript" language="javascript">         
                //<![CDATA[        
                    
                // Dictionary containing the advanced template client object        
                // for a given RadScheduler instance (the control ID is used as key).        
                var schedulerTemplates = {};        
                    
                function schedulerFormCreated(scheduler, eventArgs) {        
                    // Create a client-side object only for the advanced templates        
                    var mode = eventArgs.get_mode();        
                    if (mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert ||        
                                mode == Telerik.Web.UI.SchedulerFormMode.AdvancedEdit) {        
                        // Initialize the client-side object for the advanced form        
                        var formElement = eventArgs.get_formElement();        
                        var templateKey = scheduler.get_id() + "_" + mode;        
                        var advancedTemplate = schedulerTemplates[templateKey];        
                        if (!advancedTemplate) {        
                            // Initialize the template for this RadScheduler instance        
                            // and cache it in the schedulerTemplates dictionary        
                            var schedulerElement = scheduler.get_element();        
                            var isModal = scheduler.get_advancedFormSettings().modal;        
                            advancedTemplate = new window.SchedulerAdvancedTemplate(schedulerElement, formElement, isModal);        
                            advancedTemplate.initialize();        
                    
                            schedulerTemplates[templateKey] = advancedTemplate;        
                    
                            // Remove the template object from the dictionary on dispose.        
                            scheduler.add_disposing(function() {        
                                schedulerTemplates[templateKey] = null;        
                            });        
                        }        
                    
                        // Are we using Web Service data binding?        
                        if (!scheduler.get_webServiceSettings().get_isEmpty()) {        
                            // Populate the form with the appointment data        
                            var apt = eventArgs.get_appointment();        
                            var isInsert = mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert;        
                            var editSeries = eventArgs.get_editingRecurringSeries();        
                            advancedTemplate.populate(apt, isInsert, editSeries);        
                        }        
                    }        
                }        
                //]]>         
            </script>         
            </rad:RadScriptBlock>         
            <rad:RadScheduler ID="gridEvent" runat="server"          
                                DataSourceID="cslaJobEvent"         
                                DataStartField="Start"          
                                DataEndField="End"          
                                DataSubjectField="Subject"         
                                DataDescriptionField="Description"          
                                DataKeyField="ID"          
                                DataRecurrenceField="RecurrenceRule"          
                                DataRecurrenceParentKeyField="RecurrenceParentID"          
                                OverflowBehavior="Expand"          
                                ShowDateHeaders="False"          
                                ShowViewTabs="False"          
                                Skin="Black"          
                                StartInsertingInAdvancedForm="True"         
                                StartEditingInAdvancedForm="true"         
                                NumberOfHoveredRows="1"          
                                RegisterWithScriptManager="true"         
                                OnClientFormCreated="schedulerFormCreated"         
                                CustomAttributeNames="EventFee,ContractFee,Allowance,Airline,CarRental,Hotel,IsPrivate,Color"         
                                EnableDescriptionField="True">         
            <AdvancedForm Enabled="true" Modal="True" ZIndex="2500" EnableCustomAttributeEditing="true"  />         
            <AppointmentTemplate>         
                <h4><%#Eval("Subject")%></h4>         
                <asp:ImageButton ID="btnEvent" runat="server" ImageAlign="Left" ImageUrl='<%#Eval("ImageName") %>' />         
                <%#Eval("EventFee", "{0:c}")%>          
                <%#Eval("EventDesc")%>         
            </AppointmentTemplate>         
            <AdvancedInsertTemplate>         
                <scheduler:AdvancedForm ID="AdvanceInsertForm1" runat="server"          
                                Mode="Insert"          
                                Subject='<%# Bind("Subject") %>'          
                                Description='<%# Bind("Description") %>'          
                                Start='<%# Bind("Start") %>'          
                                End='<%# Bind("End") %>'          
                                RecurrenceRuleText='<%# Bind("RecurrenceRule") %>'          
                                EventFee='<%# Bind("EventFee") %>'          
                                ContractFee='<%# Bind("ContractFee") %>'         
                                Airline='<%# Bind("Airline") %>'         
                                CarRental='<%# Bind("CarRental") %>'         
                                Hotel='<%# Bind("Hotel") %>'         
                                IsPrivate='<%# Bind("IsPrivate") %>'         
                                AppointmentColor='<%# Bind("Color") %>' />         
            </AdvancedInsertTemplate>         
            <AdvancedEditTemplate>         
                <scheduler:AdvancedForm ID="AdvanceEditForm1" runat="server"          
                                Mode="Edit"          
                                Subject='<%# Bind("Subject") %>'          
                                Description='<%# Bind("Description") %>'          
                                Start='<%# Bind("Start") %>'          
                                End='<%# Bind("End") %>'          
                                RecurrenceRuleText='<%# Bind("RecurrenceRule") %>'          
                                EventFee='<%# Bind("EventFee") %>'          
                                ContractFee='<%# Bind("ContractFee") %>'         
                                Airline='<%# Bind("Airline") %>'         
                                CarRental='<%# Bind("CarRental") %>'         
                                Hotel='<%# Bind("Hotel") %>'         
                                IsPrivate='<%# Bind("IsPrivate") %>'         
                                AppointmentColor='<%# Bind("Color") %>' />         
            </AdvancedEditTemplate>         
            <ResourceTypes>         
                <rad:ResourceType Name="Name" TextField="CoWorkerName" KeyField="CoWorkerID" ForeignKeyField="ID" AllowMultipleValues="True" />         
            </ResourceTypes>         
                <MonthView UserSelectable="False" />         
                <TimelineView UserSelectable="False" />         
                <DayView ShowResourceHeaders="False" />         
                <WeekView UserSelectable="False" />         
            </rad:RadScheduler>         
            <csla:CslaDataSource ID="cslaJobEvent" runat="server" TypeAssemblyName="" TypeName="CK.Library.JobEventPostList, CK.Library" TypeSupportsPaging="True" TypeSupportsSorting="True" />         
            <csla:CslaDataSource ID="cslaCoworker" runat="server" TypeAssemblyName="" TypeName="CK.Library.CoworkerList, CK.Library" TypeSupportsPaging="True" TypeSupportsSorting="True" />         

Scheduler

answered on 03 Feb 2010

1 answer

165 views

Adding tooltips for detail table items

I have implemented tool tips for my grid, and I used as an example the code found in the Telerik topic entitled, "Adding tooltips for grid items."

However, I have come across something that I can't find an answer for in the help or the forums. I have a grid with both a master and detail table. I want to set a tooltip for a specific column in each of of the detail table. How do I accomplish this?

Thank You,

David.

Grid

answered on 03 Feb 2010

7 answers

203 views

[Solved] Issue with DragandDrop between nodes in grid edit form template

I have a grid with an edit form template. I can not get the draganddrop between nodes to work. To reproduct just create a grid and put an edit button when the edit form pops up... you will not be able to drag and drop between nodes. And yes i enabled the settings

EnableDragAndDrop

="true"

EnableDragAndDropBetweenNodes="true"

Please help.

TreeView

answered on 03 Feb 2010

1 answer

502 views

File Upload Within RadGrid

I am having some issues with a file upload within a radGrid Edit Template.

I have a table of data which consists of a number of varchar columns and one field for images. Images are not stored as binary, only a string reference to the file location.

I would like the user to be able to click the edit button and a template showing a file upload control. Which will allow the user to upload an image, then when the image is uploaded to update the textual path in the database row.

I can currently upload the file but the itemupdated event never fires and I am having issues gathering the row details in the grid (Part No, Part Revision).

    
                 <telerik:RadProgressManager ID="RadProgressManager1" runat="server"  />  
        
                    <telerik:RadProgressArea ID="RadProgressArea1" runat="server" />  
        
                    <telerik:RadGrid ID="RadGridImageUpload" runat="server"   
        
                        DataSourceID="SqlDataSourceImagePart" GridLines="None" AllowPaging="True" AllowAutomaticUpdates="false" AllowAutomaticDeletes="false" AllowAutomaticInserts="false" 
        
                        AllowSorting="True" AutoGenerateEditColumn="True">  
        
            <MasterTableView AutoGenerateColumns="False" DataSourceID="SqlDataSourceImagePart">  
        
            <RowIndicatorColumn>  
        
            <HeaderStyle Width="20px"></HeaderStyle>  
        
            </RowIndicatorColumn>  
        
            <ExpandCollapseColumn>  
        
            <HeaderStyle Width="20px"></HeaderStyle>  
        
            </ExpandCollapseColumn>  
        
                <Columns>  
        
                    <telerik:GridBoundColumn DataField="PART_NO" HeaderText="PART_NO"   
        
                        SortExpression="PART_NO" UniqueName="PART_NO">  
        
                    </telerik:GridBoundColumn>  
        
                    <telerik:GridBoundColumn DataField="REV_NO" HeaderText="REV_NO"   
        
                        SortExpression="REV_NO" UniqueName="REV_NO">  
        
                    </telerik:GridBoundColumn>  
        
                          <telerik:GridBoundColumn DataField="STATE" HeaderText="STATE"   
        
                        SortExpression="STATE" UniqueName="STATE">  
        
                    </telerik:GridBoundColumn>  
        
                    <telerik:GridImageColumn UniqueName="ImagecolumnPart" HeaderText="Image" DataImageUrlFields="IMAGEPATH"   
        
                    DataImageUrlFormatString="~/ApplicationImages/Thumbs/{0}" DataAlternateTextField="PART_NO" ></telerik:GridImageColumn>  
        
                </Columns>  
        
                <EditFormSettings EditFormType="Template">  
        
                <FormTemplate>  
        
                      <telerik:RadUpload ID="RadUpload1" runat="server" MaxFileInputsCount="1"    
        
                      OnValidatingFile="RadUpload1_FileExists" TargetFolder="~/ApplicationImages/"   
        
                      OverwriteExistingFiles="false">  
        
                    </telerik:RadUpload>  
        
                    <br />  
        
                    <asp:Button ID="ButtonSubmit" runat="server" Text="Submit" onclick="ButtonSubmit_Click"/>  
        
                </FormTemplate>  
        
                </EditFormSettings>  
        
            </MasterTableView>  
        
                    </telerik:RadGrid>  
        
                    <asp:SqlDataSource ID="SqlDataSourceImagePart" runat="server"   
        
                        ConnectionString="<%$ ConnectionStrings:DIG_ConnectionString %>"   
        
                        SelectCommand="SELECT * FROM [DIG_ENG_PART_REVISION] ">  
        
                    </asp:SqlDataSource>

Above is the code for the grid. I am currently handling the image (creating a thumb) in the upload 'OnValidatingFile' Event.

Essentially this project calls for a list of parts to be displayed in a grid or list and for the user to be able to update/delete images for this part.
I have spent quite a while looking at this issue and I cannot help think I am overthinking it.

As always your help is appreciated!

Cheers,

Grid

answered on 03 Feb 2010