Questions on UI for ASP.NET AJAX Forum

2 answers

126 views

Hi there. Newbie, non-developer type bod here with a query please. I work in Support and have a customer reporting the following issue with the editor:

1. Insert an image into a web page
2. Select the image and use the Hyperlink Editor to link it to a URL and also to add a tooltip

Results: the image is hyperlinked but no tooltip will appear. This is because (if you look at the html code) the title tag is inserted before the img tag for the image and is therefore not read. You can workaround this by selecting the image and choosing the Image Editor to add alt text (which is correctly placed inside the img tag), but should the user be expected to do this?

Is this a bug in Telerik in that tooltips do not work for hyperlinked images? Or is it a fault with the way that IE reads the code\tags?

Thanks for your help, Jason

Editor

answered on 11 May 2010

3 answers

464 views

How to clear all filters by javascript?

I have a table with structure:
[col1][col2][col3][col4]

By Javascript, I use:
...filter("col1_name", "abc1", "EqualTo"); [ok]

after I recall:
...filter("col1_name", "", "NoFilter"); [fail]
...filter("col2_name", "abc2", "EqualTo"); [ok]

But the result: the filter of col1 still not change.
How to clear all filters by Javascript?
Thanks,

Grid

answered on 11 May 2010

1 answer

217 views

RadMultiPage client-side pageview change after async postback

Hi,
I'm implementing a project where I'm changing the page views by java script. The RadMultiPage is contained withing an Update panel.
The client side view change works ok until I do an asnychrounous postback with the enclosing update panel.

Here is a code isolating the problem (in my project the page views are added dynamically which does not seem to be a problem here):

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %> 
        
            <%@ 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> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <asp:ScriptManager ID="ScriptManager1" runat="server"> 
        
                </asp:ScriptManager> 
        
                <div> 
        
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
        
                        <ContentTemplate> 
        
                            <input type="button" onclick="ChangePageView('view1');" value="view1" />&nbsp 
        
                            <input type="button" onclick="ChangePageView('view2');" value="view2" /> 
        
                            <telerik:RadMultiPage SelectedIndex="0" ID="RadMultiPage1" runat="server"> 
        
                                <telerik:RadPageView ID="view1" runat="server"> 
        
                                    page1 
        
                                </telerik:RadPageView> 
        
                                <telerik:RadPageView ID="view2" runat="server"> 
        
                                    page2 
        
                                </telerik:RadPageView> 
        
                            </telerik:RadMultiPage> 
        
                            <asp:Button ID="PostBackButton" runat="server" Text="DoPostBack" /> 
        
                        </ContentTemplate> 
        
                    </asp:UpdatePanel> 
        
                </div> 
        
                </form> 
        
                <script type="text/javascript"> 
        
                    function ChangePageView(viewID) 
        
                    { 
        
                        var multiPage = $find("RadMultiPage1"); 
        
                        var pageView = multiPage.findPageViewByID(viewID); 
        
                        pageView.select(); 
        
                    } 
        
                </script> 
        
            </body> 
        
            </html>

Kind regards,
Pawel

TabStrip

answered on 11 May 2010

4 answers

131 views

Find detailsviews in nestedview

How do I loop thru all detailsviews in a nestedview without using the ID's?

    
            <NestedViewTemplate> 
        
                                    <asp:Panel ID="Panel1" runat="server""> 
        
                                        <telerik:RadTabStrip ID="RadTabStrip1" runat="server"   
        
                                                             MultiPageID="RadMultiPage1"   
        
                                                             SelectedIndex="0">  
        
                                            <Tabs> 
        
                                                <telerik:RadTab runat="server" Text="Tab1" PageViewID="RadPageView1">  
        
                                                </telerik:RadTab> 
        
                                                <telerik:RadTab runat="server" Text="Tab2" PageViewID="RadPageView2">  
        
                                                </telerik:RadTab> 
        
                                                <telerik:RadTab runat="server" Text="Tab3" PageViewID="RadPageView3">  
        
                                                </telerik:RadTab>                                      
        
                                            </Tabs> 
        
                                        </telerik:RadTabStrip> 
        
                                        <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" RenderSelectedPageOnly="false">  
        
                                            <telerik:RadPageView ID="RadPageView1" runat="server">  
        
                                                <asp:SqlDataSource ID="datasource1" runat="server"   
        
                                                                   ConnectionString = ...                                       
        
                                                </asp:SqlDataSource>                  
        
                                                <asp:DetailsView ID="DetailsView1" runat="server"   
        
                                                                Width="1000px" AutoGenerateRows="False"   
        
                                                                DataKeyNames="Key1,Key2" DataSourceID="datasource1">  
        
                                                    <FieldHeaderStyle Font-Bold="True" Width="150px"  /> 
        
                                                    <Fields> 
        
                                                        <asp:BoundField DataField="datafield1" HeaderText="Header1:" ReadOnly="True"   
        
                                                            SortExpression="key1" /> 
        
                                                        <asp:BoundField ...  /> 
        
                                                    </Fields> 
        
                                                </asp:DetailsView> 
        
                                            </telerik:RadPageView> 
        
                                            <telerik:RadPageView ID="RadPageView2" runat="server">  
        
                                                <asp:DetailsView ID="DetailsView2" ....                                      
        
                                                </asp:DetailsView> 
        
                                            </telerik:RadPageView> 
        
                                            <telerik:RadPageView ID="RadPageView3" runat="server">  
        
                                                <asp:DetailsView ID="DetailsView3" ....                                      
        
                                                </asp:DetailsView> 
        
                                            </telerik:RadPageView> 
        
                                        </telerik:RadMultiPage> 
        
                                    </asp:Panel> 
        
                                </NestedViewTemplate>

Grid

answered on 11 May 2010

1 answer

114 views

RadEditor DNN documentation

Can anyone point me in the right direction as to where I can find documentation about changing items in the RadEditor for DNN such as the Apply CSS Class drop down list, removing various buttons in the editor toolbar, changing the background color of the editor, etc...?

I've looked around and searched but haven't been able to find helpful documentation.

Thanks in advance.

Editor

answered on 11 May 2010

2 answers

129 views

Corrupt Window Header

What causes the radWindow header to be corrupt as shown in the attached image?

Window

answered on 11 May 2010

3 answers

146 views

ajaxRequest argument is loosing its value when passed

I am using the ajaxRequest functionality to explicitly fire an ajax postback event from my javascript code.

I have a javascript function that generates the callback like this:

    
                <telerik:RadCodeBlock ID="codeBlock" runat="server"> 
        
                    <script type="text/javascript"> 
        
                    //<![CDATA[
        
                    function callPostbackFunction(args)
        
                    {
        
                        var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");
        
                        ajaxManager.ajaxRequest(args);
        
                    }
        
                    //]]> 
        
                    </script> 
        
                </telerik:RadCodeBlock>

and, a function in the server side code, like this:

    
                protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e) 
        
                { 
        
                    String[] list; 
        
                    list = e.Argument.Split(','); 
        
                    String tmp; 
        
                    for (int i = 0; i < list.Length; i++) { 
        
                        tmp = list[i]; 
        
                    }    
        
                }

I have verified that, when the ajaxManager.ajaxRequest(args); line is executed in my client-side javascript, the value of "args" is correct (it is a comma seperated list of values).

But, when I try to access the argument in the server side code, the value in e.Argument is just a string that says "[Object object]".

I can't figure out what is causing this. Has anyone seen this behavior before? What have I done wrong? The examples I have seen, and that I am following make it look pretty simple but, I have somehow managed to make it weird.

Thanks for any help you can provide.

Ajax

answered on 11 May 2010

1 answer

100 views

Clientside building

Is it possible to add items to the rotator clientside? I want to populate it via a webservice callback...

Rotator

answered on 11 May 2010

1 answer

135 views

TextBox + RadInputManager + IE6 = width problem

Hello,

I'm using latest internal build: 2010.1.504.20.
I'm experiencing strange problem when using TextBox and RadInputManager in in IE6. The TextBox width becomes bigger when I click submit button several times. And return back to original size when I hover it.
In short, I have outer div that specifies width, inner div that specifies padding. TextBox, RadInputManager and submit button are inside inner div. Pretty simple, XHTML and CSS are fine there.

    
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title></title> 
        
                <style> 
        
                    .btb {float:left;width:245px;} 
        
                    .btb .inner {color:#FFFFFF;padding:40px 10px 20px;} 
        
                    .contact-txt input, 
        
                    .contact-txt textarea 
        
                    {margin-bottom: 10px; color: #666666 !important;} 
        
                    .contact-txt .contact-msg-txt textarea 
        
                    {height: 90px; margin-bottom: 5px;} 
        
                    .contact-txt .RadInputMgr_Default 
        
                    {border-color: #277596 !important; width: 100%;} 
        
                    .contact-btn 
        
                    {float: right; text-decoration: none; color: #33CCFF;} 
        
                    .contact-btn:hover 
        
                    {text-decoration: underline;} 
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <asp:ScriptManager ID="ScriptManager1" runat="server"> 
        
                </asp:ScriptManager> 
        
                <div class="btb"><div class="inner"> 
        
                    <div class="contact-txt"> 
        
                    <div class="contact-msg-txt"> 
        
                        <asp:TextBox runat="server" ID="MessageText" TextMode="MultiLine" ValidationGroup="Contact" /> 
        
                    </div> 
        
                    </div> 
        
                    <asp:LinkButton ID="LinkButton1" ValidationGroup="Contact" runat="server" Text="Send" CssClass="contact-btn" /> 
        
                </div></div> 
        
                <telerik:RadInputManager  ID="ContactRadInputManager" runat="server"> 
        
                    <telerik:TextBoxSetting BehaviorID="MessageBehavior" EmptyMessage="Message" ErrorMessage="Please enter message" 
        
                                            Validation-IsRequired="true" Validation-ValidationGroup="Contact"> 
        
                        <TargetControls> 
        
                            <telerik:TargetInput ControlID="MessageText" /> 
        
                        </TargetControls> 
        
                    </telerik:TextBoxSetting>     
        
                </telerik:RadInputManager> 
        
                </form> 
        
            </body> 
        
            </html>

Just try to run following code with latest internal build in IE6 (unfortunately there is no way to attach test project to this thread).

Thank you,
Denis.

Input

answered on 11 May 2010

1 answer

82 views

User control inside dynamically created Dock

I'm trying to add a user control inside a dynamically created dock. My add method looks as follows:

private RadDock CreateRadDock(string title, string contentURL, string forbiddenZone)

{

RadDock dock = new RadDock();

dock.DockMode = DockMode.Docked;

dock.UniqueName = Guid.NewGuid().ToString().Replace("-", "a");

dock.ID = string.Format("RadDock{0}", dock.UniqueName);

dock.Title = title;

dock.Width = Unit.Percentage(100);

dock.ForbiddenZones = forbiddenZone.Split(',');

//dock.Commands.Add(new DockCloseCommand());

dock.Commands.Add(new DockExpandCollapseCommand());

Panel pnlDockContent = new Panel();

pnlDockContent.ID = "Content" + dock.UniqueName;

pnlDockContent.Controls.Add(LoadControl(contentURL));

//dock.ContentContainer.Controls.Add(pnlDockContent);

StringBuilder sb = new StringBuilder();

StringWriter tw = new StringWriter(sb);

HtmlTextWriter hw = new HtmlTextWriter(tw);

pnlDockContent.RenderControl(hw);

dock.Text = sb.ToString();

return dock;

}

This works fine if the user control i'm loading doesn't have any Asp.Net controls. But whenever there's an Asp.Net control inside, the pnlDockContent.RenderControl call fails & that's obvious. The issue for which i had to chose this way is if the dock content is added as a control, the content doesn't persist on drag & drop of the dock. Can someone please help me with this?

Dock

answered on 11 May 2010