Questions on UI for ASP.NET AJAX Forum

1 answer

41 views

I have a hierarchical radgrid that is bound to a collection of objects that also have child objects.
These all display fine as master and detail views.

I am attampting to use the popup editmode for the master view.

My popup appears when I click the edit button but "IT APPEARS FOR EACH ROW" of the the master view not just the row I clicked edit on.

I have added a need datasource method to get the objects so it can rebind.. I think that may be why this is happening.
Maybe the grid is going into edit mode and then rebinding, so it shows edit popups for each row.

How can I say edit just this row, without using an objectdatasource?

Not really sure but could use som help asap.

Grid

answered on 27 Aug 2009

1 answer

86 views

optimize the load of a grid with grouping

Hi Telerik Team !

I would like to know some thing about the grouping in the radgrid !
Some Days ago, i have a big grid with 1000+ rows and the load of this page was very long ! So boring... not cool
So i now put a group by one field and groupsdefaultExpanded property of the mastertable at "false".

It seems the page load is faster but it is always more than 10sec ! And the display is only 4 or 5 groupheaderitems, so it is too long

So my question is : is the grouping load data and don't display it ?
If yes, is there a way for load data only when i expand a group ? If not, why the time is so long and can i load quickly my grid

Thanks in advance !

Grid

answered on 27 Aug 2009

3 answers

136 views

Issue with Client Side styling of elements within RadEditor

Hello,

I'm trying to dynamically change the style (hide/show) of the elements within RadEditor content area. For some reason it doesn't work in IE7 (works fine in FF). Can you please take a look and let me know what I need to change to make it work? I placed similar controls outside of content area of RadEditor and they seem to work fine (3 and 4 checkboxes).

Below is sample page.

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Presentation._Default" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!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 runat="server"> 
        
                <title></title> 
        
                <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> 
        
                <script> 
        
                    var prod = "p1"; 
        
                    function toggle(field, checkbox) { 
        
                        var editor = $find("<%= RadEditor1.ClientID%>"); 
        
                        var fieldContainer = editor.get_document().getElementById(prod + field); 
        
                        fieldContainer.style.display = checkbox.checked ? '' : 'none'; 
        
                    } 
        
                    function toggleOut(field, checkbox) { 
        
                        var fieldContainer = document.getElementById(prod + field); 
        
                        fieldContainer.style.display = checkbox.checked ? '' : 'none'; 
        
                    } 
        
                </script> 
        
                </telerik:RadCodeBlock> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                </telerik:RadScriptManager> 
        
                <div id="Div1" style="overflow: hidden; width: 400px; height: 200px;"> 
        
                    <div id="p1color1" style="position: absolute; background-color: red; top: 158px; left: 9px;"><span class="label">Color: </span>Red</div> 
        
                    <div id="p1descr1" style="position: absolute; background-color: blue; top: 15px; left: 43px;"><span class="label">Description: </span>Straw Hat</div> 
        
                </div> 
        
                <div> 
        
                    <telerik:RadEditor ID="RadEditor1" runat="server"> 
        
                        <Content> 
        
                            <div id="product1" style="overflow: hidden; width: 400px; height: 200px;"> 
        
                                <div id="p1color" style="position: absolute; background-color: red; top: 158px; left: 9px;"><span class="label">Color: </span>Red</div> 
        
                                <div id="p1descr" style="position: absolute; background-color: blue; top: 15px; left: 43px;"><span class="label">Description: </span>Straw Hat</div> 
        
                            </div> 
        
                        </Content> 
        
                    </telerik:RadEditor> 
        
                </div> 
        
                <asp:Panel ID="Panel1" runat="server"> 
        
                    <asp:CheckBox ID="CheckBox1" Checked="true" runat="server" OnClick="toggle('color', this)" Text="Color" /><br /> 
        
                    <asp:CheckBox ID="CheckBox2" Checked="true" runat="server" OnClick="toggle('descr', this)" Text="Description" /><br /> 
        
                    <asp:CheckBox ID="CheckBox3" Checked="true" runat="server" OnClick="toggleOut('color1', this)" Text="Color" /><br /> 
        
                    <asp:CheckBox ID="CheckBox4" Checked="true" runat="server" OnClick="toggleOut('descr1', this)" Text="Description" /><br /> 
        
                </asp:Panel> 
        
                </form> 
        
            </body> 
        
            </html>

Thank you

Editor

answered on 27 Aug 2009

9 answers

958 views

[Solved] Export PDF Column Width

Hi All,

Hopefully someone can put me out of my misery with this one:

Basically we are trying to format a RadGrid to export to PDF, we have followed the export tips and tricks and everything else is working correctly. The only thing we do want to be able to do is make sure that the first column is a bit wider, we have tried a few different ways of adding a width and it seems that all of the ways we try get ignored.

So if anyone has successfully modified the width of a column for PDF export please let me know and if possible post some code showing it working.

Thanks heaps

Sean

Grid

answered on 27 Aug 2009

6 answers

138 views

[Solved] How to add a ajaxloadingpanel in a window

I have a page that is a radwindow, but in the code, I have 2 panels. Panel 1 shows up on page load, and depending on the selection, it hides Panel1 and shows Panel2. and from Panel2, the selection needs to close the window and return the result back to parent page.

It works fine except for the loadingpanel. I need a loader to show when it changes from Panel1 to Panel2 and when Panel2 button is closed. But as soon as I put in a Ajaxmanager and the loadingpanel, it wont close the window on uxSelectMarketType button click.

HTML Code

    
            <script type="text/javascript"> 
        
                    function RedirectToAddCustomer() { 
        
                        GetRadWindow().BrowserWindow.RedirectToAddCustomer(); 
        
                    } 
        
                    function Close() { 
        
                        GetRadWindow().Close(); 
        
                    } 
        
                </script> 
        
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="uxContinueOrder"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="uxAllPanel" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                        <telerik:AjaxSetting AjaxControlID="uxSelectMarketType"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="uxAllPanel" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManager> 
        
                <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Vista" 
        
             /> 
        
                <div> 
        
                    <asp:ImageButton ID="uxCancelNewOrder" runat="server" ImageUrl="~/images/closepopup.gif" 
        
                        CssClass="FR" ToolTip="Cancel" OnClick="uxClose_Click" /> 
        
                    <asp:Panel ID="uxAllPanel" runat="server"> 
        
                        <asp:Panel ID="uxOrderTypePanel" runat="server"> 
        
                            <h2> 
        
                                Select Order Type</h2> 
        
                            <br /> 
        
                            <asp:RadioButtonList ID="uxOrderTypes" runat="server" CssClass="Table1" Width="100%"> 
        
                            </asp:RadioButtonList> 
        
                            <br /> 
        
                            <asp:Button ID="uxContinueOrder" runat="server" OnClick="SelectOrderTypes_Click" 
        
                                Text="Continue" CssClass="FR Button"> 
        
                            </asp:Button> 
        
                        </asp:Panel> 
        
                        <asp:Panel ID="uxMarketTypePanel" runat="server" Visible="false"> 
        
                            <h2> 
        
                                Select Market Type</h2> 
        
                            <br /> 
        
                            <asp:RadioButtonList ID="uxMarketType" runat="server" CssClass="Table1" Width="100%"> 
        
                            </asp:RadioButtonList> 
        
                            <br /> 
        
                            <asp:Button ID="uxSelectMarketType" runat="server" OnClick="uxSelectMarketType_OnClick" 
        
                                Text="Submit" CssClass="FR Button"> 
        
                            </asp:Button> 
        
                        </asp:Panel> 
        
                    </asp:Panel> 
        
                </div>

uxSelectMarketType_OnClick does... and it does run the code RedirectToAddCustomer() but just doesnt call RadWindow.Close().

    
                            ClientScript.RegisterStartupScript(Page.GetType(), "myKey", "RedirectToAddCustomer();", true);

Window

answered on 27 Aug 2009

3 answers

152 views

Grid not showing Items

Hi All,

I have a gird on web user control and bind this grid from clientside and serverside both.
i have created a public method on web user control and calling this method from aspx page and
passing datarow[] in this method to bind.

i am calling Client ItemDataBound event of grid. when i am binding this grid clientside then it is working fine but
when i am calling serverside binding method of web user control from aspx page then
items are not showing in the grid..

Why this type of problem is occuring, i am unable to understand.
Does any one knows please tell me ASAP...

Thanks & Regards
Brijendra Pandey

Grid

answered on 27 Aug 2009

4 answers

177 views

[Solved] Display text on rad editor

We would like to display some copy & paste tips on the editor. Is there a way I can display comments on the editor? Thanks.

WebParts for SharePoint

answered on 27 Aug 2009

2 answers

117 views

[Solved] How to prevent row height increase in TimeView?

When there is an appointment present in a row, the height of that row increases. Is there a way to prevent this? My scheduler is read-only and I don't need to extra space in the row.

Thanks,
Ron

Scheduler

answered on 27 Aug 2009

1 answer

105 views

How does an appointment's ID get set?

I'm evaluating the schedule control to see if we can make it do what we need, and have hit a bit of a stumper. I've just followed the instructions for replacing the edit form. Everything works as expected, except that when my custom edit form is called, the AppointmentID querystring parameter is "undefined." I need to be able to specify the AppointmentID for each appointment that is drawn on the calendar.

I've tried setting the scheduler's DataKeyField property, thinking that sounded like the most likely candidate, but that didn't work. I also attempted to set the appointment's ID property in the AppointmentDataBound event, with no success. I feel certain that there's a simple property I'm missing here...

My data source is a generic list of custom objects. I want to be able to set each appointment's ID to the ID property of those objects. Any ideas what I'm doing wrong here?

Here's the JavaScript that launches my edit window:

<script>
   <!--
       function AppointmentEditing(sender, eventArgs) {
           var apt = eventArgs.get_appointment();
           window.radopen("EditForm.aspx?Mode=Edit&AppointmentId=" + apt.ID, "AdvancedForm");
           eventArgs.set_cancel(true);
        }
</script>

Scheduler

answered on 27 Aug 2009

5 answers

188 views

How to set style sheetd for 'Filter' context menu

Hi,

I am applying customized style sheets using RAD StyleSheetManager. For that i've created a separate project with css and image files embed in that. Then the project reference is been added with the actual web application.

All the options are working good; except the context menu appear while clicking on the "Filter" icon of the grid. Can any one tell me what are the applicable style sheet classes for that filter context menu?

Thanks

Grid

answered on 27 Aug 2009