Questions on UI for ASP.NET AJAX Forum

9 answers

234 views

RadGrid and exception thrown with UpdatePanel and paging

I was hoping this problem would get fix in the latest release, but it appears to still be here. Or maybe it's something I'm doing. Either way, I'm stuck and I need to find a solution. I have a dynamic RadGrid created on a dynamic page/scriptmanager, update panel.

Everything works good until I use paging:

Error: [Exception... "'Sys.WebForms.PageRequestManagerParserErrorException: Sys.WebForms.PageRequestManagerParserErrorException: The message received from the server could not be parsed. Common causes for this error are when the response is modified by calls to Response.Write(), response filters, HttpModules, or server trace is enabled.
Details: Error parsing near '<html>
11945|updat'.' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001c (NS_ERROR_XPC_JS_THREW_JS_OBJECT)" location: "<unknown>" data: no]

If I remove the update panel it seems to work fine, but obviously that is not what I want. I also don't have anything written to the screen (with Response.Write) when I do a full post back without the updatepanel.

Any ideas? I've had this problem for over a month now.

Grid

answered on 12 Jan 2010

2 answers

233 views

[Solved] Horizontal scrolling issue

I have a panelbar with height/width set to 100%. The panelbar resides in a splitter pane. If the content of a particular panelitem template is to large, I expect both horizontal and vertical scrollbars to appear. I am able to get the vertical scrollbars, but am having issues getting horizontal scrollbars to appear in Firefox 3.5. They appear coorectly in IE6 (shocking!). I haven't tried in IE 7/8. I am using the latest internal build of the controls (Q3 2009 1306)

The following is an example of my markup. I included an oversized div in the second panel item to try and demonstrate the scrollbars, but only the vertical bars showed up, even though I reduced the width of the left splitter pane (which holds the panelbar) to far less than 300px.:

    
            <telerik:RadPanelbar id="rpbOrg"   
        
                                Runat="server"   
        
                                Height="100%"   
        
                                Width="100%" 
        
                                ExpandMode="FullExpandedItem"   
        
                                Skin="Office2007" 
        
                                style="height: 100%; border:0px;">  
        
                <Items> 
        
                    <telerik:RadPanelItem Text="My Info" Value="MyInfo" Expanded="False">  
        
                        <Items> 
        
                            <telerik:RadPanelItem > 
        
                                <ItemTemplate> 
        
            some content  
        
                                </ItemTemplate> 
        
                            </telerik:RadPanelItem> 
        
                        </Items> 
        
                    </telerik:RadPanelItem> 
        
                    <telerik:RadPanelItem Text="My Evaluations" Value="MyEvaluations" > 
        
                        <Items> 
        
                            <telerik:RadPanelItem > 
        
                                <ItemTemplate> 
        
                                    <div style="width:300px; height:1000px; background-color:Red;"></div> 
        
                                </ItemTemplate> 
        
                            </telerik:RadPanelItem> 
        
                        </Items> 
        
                    </telerik:RadPanelItem> 
        
                    <telerik:RadPanelItem Text="My Caseload" Value="MyCaseload" id="pbiCaseload">  
        
                        <Items> 
        
                            <telerik:RadPanelItem Value="Caseload" > 
        
                                <ItemTemplate> 
        
                                    some other content                    </ItemTemplate> 
        
                            </telerik:RadPanelItem> 
        
                        </Items> 
        
                    </telerik:RadPanelItem> 
        
                        </Items> 
        
            </telerik:RadPanelbar>

One interesting to note, if I use a treeview instead of the oversized div, the treeview's horizontal scrollbar shows up. However, if the treeview is longer than the vertical space available, I have to scroll down using the panel bar's scrollbar in order to see the horizontal scrollbar generated by the treeveiw. This occurs in all browsers I have tried. In my real app I need to get the panelbar working with the treeview, but for now I would settle for just having the scrollbars working properly with the oversized div.

PanelBar

answered on 12 Jan 2010

0 answers

130 views

radcontrols with fluid layouts

I would say about 90% of the development work I do involves desktop-like web applications which require fluid layouts (ie panels which fit a resizable container, rather than some predetermined container size) This requires things like splitters, panelbars and grids with 100% height/width and proper scrolling. Telerik has made tremendous strides in their recent releases in getting fluid layout scenarios to function cross-browser, and this is no small feat considering the variance in browser compliance with standards, not to mention the inticacies brought about by AJAX. Going forward, I expect they will continue to refine and improve this area. One thing I would like to see, is the markup/javascript/style "hacks" become more embedded within the controls. For example, if I have a panelbar who's height/width is set to 100%, in order to get scrollbars to appear properly in Firefox when the panel item content is too large, I have to add the following style declaration:

    
            .RadPanelBar .rpItem {  
        
                        overflow: visible !important;  
        
                    }  
        
                    .RadPanelBar .rpLevel1 {  
        
                        height: 100% !important;  
        
                        overflow: auto !important;  
        
                    }

This is no big deal, but I find that I hae to add these sorts of declarations in many different scenarios invovling a number of telerik controls in order to get them to function properly in fluid layout scenarios. If would be great if Telerik could encapsulate these bits of code within the control itself. Perhaps that would require the additon of a property like "FillAvailableSpace", or maybe telerik can simply determine that the height/width of one of their objects is set to 100%, but either way, encapsulating the necessary code bits would make development far easier, not to mention what is necessary sometimes when telerik changes its skins and/or other control features.

General Discussions

asked on 12 Jan 2010

10 answers

205 views

[Solved] telerik:RadMenu XmlDataSource hyperlink

Hi,

Would you please provide sample code to enable hyperlink for telerik:RadMenu + XmlDataSource ?

Thanks

daniel

Menu

answered on 12 Jan 2010

2 answers

286 views

RadWindowManager - PromptTemplate

Greetings,

I need to provide users with a prompt requiring them to enter data into a text box and also select a single item from a drop down list box. I found the following article in the Telerik Forums:

http://www.telerik.com/support/kb/aspnet-ajax/window/custom-radprompt-for-radwindow.aspx

Its easy enough to make work. However, I need to dynamically populate the drop down list box with values taken from server side code. I have not found a clever way of doing this. I tried creating a custom template in code via this article:

http://www.telerik.com/help/aspnet-ajax/window_dialogschangingthedialogtemplates.html

The above article does not describe how you could populate the drop down list box using server code. I'm out of ideas. Any suggestions would be helpful. Thanks.

Window

answered on 12 Jan 2010

5 answers

212 views

There was an error rendering the control.

Hi:

I have a business layer that is returning Value and Text in a DataTable for all my combo-boxes in my application.

    
            <asp:ObjectDataSource ID="ObjectDataSource1" runat="server"  
        
                SelectMethod="AccountNumber" TypeName="Aplic.BLL.DropDowns"> 
        
            </asp:ObjectDataSource> 
        
            <telerik:RadComboBox ID="RadComboBox1" runat="server"  
        
                DataSourceID="ObjectDataSource1" DataTextField="Text" DataValueField="Value"> 
        
            </telerik:RadComboBox>

In the designer it is always displaying:
RadComboBox1
There was an error rendering the control.
Text is neither a DataColumn nor a DataRelation for table.
How can I solve this design time issue.
Phil

ComboBox

answered on 12 Jan 2010

0 answers

127 views

Tooltip, Grid - placement issue in IE8

Hello,

I have a Grid. Grid is bound and OnItemDatabound event I am configuring target control for my tooltip manager like:

rttManager.TargetControls.Add(e.Item.ClientID, "myValue", true);

Tooltip manager:

    
            <telerik:RadToolTipManager ID="rttManager" runat="server" OnAjaxUpdate="rttManager_AjaxUpdate" 
        
                    ShowEvent="OnClick" HideEvent="ManualClose" Position="BottomLeft" 
        
                    OnClientBeforeShow="RttManager_BeforeShow" RelativeTo="Element" OffsetY="-1" OffsetX="-6" ShowCallout="false">

So effectively my tooltip should be relative to row element in the grid.
Now I FF 3.5.7, everything is ok and the tooltip renders as:

    
            <div id="RadToolTipWrapper_ctl00_ctl00_mainContentHolder_contentHolder_rttManager1101263315470997"  
        
            class="RadToolTip RadToolTip_Telerik "  
        
            unselectable="on" style="position: absolute; z-index: 8000; visibility: visible; left: 277px; top: 430px;">

In IE8 and IE7 it renders:

    
            <DIV style="Z-INDEX: 8000; POSITION: absolute; VISIBILITY: visible; TOP: 430px; LEFT: 0px" id=RadToolTipWrapper_ctl00_ctl00_mainContentHolder_contentHolder_rttManager1071263315770540  
        
            class="RadToolTip RadToolTip_Telerik " unselectable="on">

Notice the Left: 0PX in IE8. Now what can cause this problem ?

ToolTip

asked on 12 Jan 2010

7 answers

153 views

[Solved] MST to CST Time Converson on columns

Hello,

Our web server and database server are hosted in the Mountain Standard Time Zone and we are in the Central Standard Time Zone. The data is inserted and updated on the database in MST. I want to display the data in the radGrid in CST. Is there a function to convert or do I need to write something from scratch? I need it to handle time changes also. I was looking at the DataFormatString, but it doesn't look like that will work. I'm thinking I need to do something on a per row basis.

Thanks,

Randy

Grid

answered on 12 Jan 2010

1 answer

80 views

telerik menu breaks in asp.net 3.5

i created an application in asp.net 3.5 and using telerik 3.5. my menu looks nice and everything was fine.
i added global.asax file to set up some sessions on on start and prerequest and now my meny breaks and seems that html is not rendering.

is there a work around so telerik always works and renders?

Menu

answered on 12 Jan 2010

1 answer

97 views

Grid / Editing with external form

Hi,

I liked the Grid / Editing with external form in one of the Grid samples.
What kind of changes will I need to make if my main page is in an. <asp:Content> or has a masterpage?

Currenty, I am getting following error:

Message: Sys.InvalidOperationException: Could not find UpdatePanel with ID 'ctl00_ContentPlaceHolder1_ctl00_ContentPlaceHolder1_TrackingGrid_RadGrid1Panel'. If it is being updated dynamically then it must be inside another UpdatePanel.
Line: 6
Char: 62099
Code: 0
URI: http://localhost:49711/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_TopNav_ScriptManager_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d3.5.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3ad0c4ca6e-6b5d-49b6-922d-5244924fb100%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2009.3.1208.20%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a0d8e1f65-7492-499f-bc1d-d6dcea420537%3a16e4e7cd%3af7645509%3a24ee1bba%3ae330518b%3a1e771326%3ac8618e41%3aed16cbdc%3aaa288e2d%3a8674cba1%3ab7778d6c%3ac08e9f8a%3a59462f1%3aa51ee93e%3a58366029

Appreciate your help.

Thanks,
Anil

Grid