Questions on UI for ASP.NET AJAX Forum

1 answer

109 views

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

82 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

145 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

160 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

200 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

494 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

1 answer

84 views

ToolTips as Popups on RadEditor Tool Buttons

Is there an easy way to do this. I already have my ToolTip hooked up, and it shows next to the RadEditor when the associated tool button is clicked (I just tagged a custom function in to show the tooltip), but is there a way I can get it to show up in relation to the button rather than the entire editor window?

ToolTip

answered on 03 Feb 2010

4 answers

147 views

[Solved] MSWordAdapter dll (or it’s dependencies) missing error in Prometheus

Hi,

I have implemented the SpellChecker in combination with RadEditor where I haven't used the RadEditor's AjaxSpellCheck tool, but I have pointed separate SpellChecker component to Radeditor's content area. I did this, because using the RadEditor's built-in AjaxSpellChecker doesn't provide the option of spell checking in new dialog box, but just an "inline" one, as far as I can see.
Everything works fine if I use non-MSWord spell check provider (currently using TelerikProvider), as soon as I switched to MSWordProvider, I started to get MSWordAdapter.dll (or it’s dependencies) missing error. In my installation of Telerik controls I can see folder MSWordSupport under "Spell" folder, and there's only instructions on how to setup the MS Word in dcomcnfg, which I have done exactly as you said. The version of MS Word, we have is MS Office 2007.. Then I tried to run the component, but with no success, again the same error.. Then I searched forums again and have found the set of three dlls that should be copied into the bin directory of my webapp. I did that, but again with no success.. Can you, please, advise? Thank you.

Adrian

Spell

answered on 03 Feb 2010

6 answers

277 views

eventArgs.get_itemIndexHierarchical ist null

I have the problem that if I click on a row I need to get the row to editInline.
But when I use

    
            function RowClick(sender, eventArgs) { 
        
            if (selectedRow == eventArgs.get_itemIndexHierarchical() ) { 
        
             editedRow = eventArgs.get_itemIndexHierarchical(); 
        
            $find("ctl00_masterdetail_MasterDetailControl_detailrecords_positionGridControl_RadGrid1_ctl00").editItem(editedRow); 
        
             } 
        
             }

eventArgs.get_itemIndexHierarchical() is undefinied, so editedRow is undefined and everything crashed.

Where can be the problem?

edit: I found the problem, the eventArgs.get_itemIndexHierarchical() is set but the

$find("ctl00_masterdetail_MasterDetailControl_detailrecords_positionGridControl_RadGrid1_ctl00").editItem(editedRow);

does nothing...

Grid

answered on 03 Feb 2010

5 answers

109 views

grid flickers when sorting

Hi,

The examples on the demo website all maintain the structure of the grid, make it grayed out and show a blue circle when sorting.

As far as I can see my code is the same as the examples. The one difference is that I do not have auto-generate for the columns and I am creating the grid entirely in code-behind (in Page_Init) as I need to load the columns dynamically.

In my grid, the entire grid disappears for a second and then is re-displayed with the sorting. Is there a setting that will make it keep the original grid grayed out like the demo?

Thanks,
Dewang

Grid

answered on 03 Feb 2010