Questions on UI for ASP.NET AJAX Forum

3 answers

116 views

Hi,

Pasting the following in the editor in Design mode:

    
            Is parket te combineren met vloerverwarming? 
        
            Ja, mits het parket hiertoe geschikt is, dan is het te combineren met vloerverwarming zowel als bijverwarming als hoofdverwarming

Results in three different browsers in the following piece of HTML.

FireFox:

    
            Is parket te combineren met vloerverwarming?<br /> 
        
            <br /> 
        
            Ja, mits het parket hiertoe geschikt is, dan is het te combineren met vloerverwarming zowel als bijverwarming als hoofdverwarming

IE8:

    
            <p>Is parket te combineren met vloerverwarming?</p> 
        
            <p>Ja, mits het parket hiertoe geschikt is, dan is het te combineren met vloerverwarming zowel als bijverwarming als hoofdverwarming</p>

Chrome:

    
            <div>Is parket te combineren met vloerverwarming?</div> 
        
            <div><br /> 
        
            </div> 
        
            <div>Ja, mits het parket hiertoe geschikt is, dan is het te combineren met vloerverwarming zowel als bijverwarming als hoofdverwarming</div>

Why is the produced HTML browser dependent? I have tested this with the demo Editors on your website.

Thanks for your answer.

Marc

Editor

answered on 03 Feb 2010

6 answers

147 views

Theming Telerik Controls via SkinFile in 3.5

Hi!

I'm trying to theme my Telerik controls via ASP.NET theming mechanism. I'm using 2008.2.723.35. We're using ASP.NET 3.5 and I've seen this being done in 2.0. Below is my skinfile:

    
            <%@ Register 

            Assembly="Telerik.Web.UI, Version=2008.2.723.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4"

            Namespace="Telerik.Web.UI"

            TagPrefix="telerik" %>

            <telerik:RadCalendar runat="server"></telerik:RadCalendar>

However, upon i compile i get the error:

    
            Type 'Telerik.Web.UI.RadCalendar' is not defined.

What's wrong here?

I should tell you that the site works otherwise, i.e. no problem loading the assembly and using the Telerik controls in the "normal" way.

Regards
Linus

General Discussions

answered on 03 Feb 2010

2 answers

1.1K+ views

[Solved] GridCheckboxColumn checkboxes don't work

I'm trying to use the RadGrid GridCheckboxColumn for the first time and the checkboxes are inert - they don't work.

    
            <telerik:RadGrid ID="radGrid1" runat="server" Skin="Forest"     AllowFilteringByColumn="True"                           AllowPaging="True"   
        
                AllowSorting="True"   
        
                AutoGenerateColumns="False"   
        
                DataSourceID="ObjectDataSource1"   
        
                GridLines="None"   
        
                ShowGroupPanel="True">  
        
                <MasterTableView AllowMultiColumnSorting="True"   
        
                AutoGenerateColumns="False"   
        
                DataSourceID="ObjectDataSource1"   
        
                ShowFooter="True">  
        
                    <RowIndicatorColumn> 
        
                    <HeaderStyle Width="20px"></HeaderStyle> 
        
                </RowIndicatorColumn> 
        
                <ExpandCollapseColumn> 
        
                    <HeaderStyle Width="20px"></HeaderStyle> 
        
                </ExpandCollapseColumn> 
        
                    <Columns> 
        
                    <telerik:GridCheckBoxColumn UniqueName="chkCol"   
        
                        HeaderText="<center>Get<br/>Details</center>"   
        
                        AllowFiltering="false"   
        
                        AllowSorting="false"   
        
                        Groupable="false">  
        
                    <HeaderStyle Width="40px" ForeColor="#193300" Font-Bold="true" /> 
        
                    </telerik:GridCheckBoxColumn> 
        
                    </Columns> 
        
            etc....

I copied this pretty much verbatum from one of the online examples. I searched this forum without success of finding another case like this. Does anybody have a clue as to why the checkboxes don't work (won't check)?

Thanks,
Mark

Grid

answered on 03 Feb 2010

2 answers

229 views

Paging RadCombobox with Previous\Next functionality

Hello,

We are using RadCombobox Load on Demand functionality along with ShowMoreResultBox True.
This is giving us To select next items.
Also we refered http://www.telerik.com/community/forums/aspnet-ajax/combobox/radcombobox-pagination.aspx forum to clear the previous data. but now we are not having any functionality to get the previous records.

Kindly help us out to have to have previous and next both functionality with RadCombobox, as we are able to achieve only next functionality and not previous functionality.

Thanks.

Chanda.

ComboBox

answered on 03 Feb 2010

1 answer

109 views

[Solved] Control Events in RadMenu Template

Hi,

Should event handling work the same way for controls in a RadMenus templates as per normal asp.net?

I have

    
            <telerik:RadMenu ID="RadMenu1" runat="server" Skin="Office2007" OnItemClick="RadMenu1_ItemClick">  
        
                    <Items> 
        
                        <telerik:RadMenuItem runat="server" Text="Link Type">  
        
                            <Items> 
        
                                <telerik:RadMenuItem runat="server" Text="Test" Width="150px">  
        
                                    <ItemTemplate> 
        
                                        <asp:RadioButtonList ID="phrasepagetypeRadioButtonList" runat="server"   
        
                                            Width="150px"   
        
                                            onselectedindexchanged="phrasepagetypeRadioButtonList_SelectedIndexChanged">  
        
                                            <asp:ListItem Value="99" Selected="True">All</asp:ListItem> 
        
                                            <asp:ListItem Value="0">Product</asp:ListItem> 
        
                                            <asp:ListItem Value="1">Inspect</asp:ListItem> 
        
                                        </asp:RadioButtonList> 
        
                                    </ItemTemplate> 
        
                                </telerik:RadMenuItem> 
        
                            </Items> 
        
                        </telerik:RadMenuItem>

... and so on

and when I click the radio buttons no event fires, but when I click on the menu name I get the phrasepagetypeRadioButtonList_SelectedIndexChanged event firing and then the radmenu item clicked event afterwards????

protected

void RadMenu1_ItemClick(object sender, RadMenuEventArgs e)

{

}

protected void phrasepagetypeRadioButtonList_SelectedIndexChanged(object sender, EventArgs e)

{

}

Thanks
Matt

Menu

answered on 03 Feb 2010

3 answers

122 views

Text in Special Days

Hi,
I am using day templates to show images on certain days. I have a label in the dayTemplate but I am unable to access it in
DayRender event. I want to show the date as well as the image on the calendar cell.
Help is much appreciated.

Thanks!

Calendar

answered on 03 Feb 2010

1 answer

116 views

ItemRequested event return empty string

I am trying to use Related Combobox example but I am not able to get e.Text/e.Value on the server side. It is returning empty string. At the Client side item.get_value() return the correct value.

Thanks,
M P

ComboBox

answered on 03 Feb 2010

1 answer

151 views

Without using RadAjaxManager Proxy

If there are multiple Rad instance Mangers, in content pages and user controls by replacing Rad Ajax Managers with Rad Ajax Manager Proxy the it would not be work. I have to change some changes in code behind file.
Is there any possibility to do the coding in Master page so that by just replacing Manager with Proxy we can acheive ajaxification.

Ajax

answered on 03 Feb 2010

1 answer

123 views

Odd behavior with LinkButton controls in a RadPageView.

Hello all. I'm having a problem with some quirky behavior in a RadPageView.

My page has a single RadMultiPage control, with no RadTabStrip. The multipage is used to display a 'wizard'-like series of forms to the user. I've placed some LinkButton controls at the bottom of each RadPageView for the user to proceed, go back, print a report, and so on.

The LinkButton controls work just fine if the form loads with the RadMultiPage control's attribute SelectedIndex set to 0. However, I need to be able to programmatically redirect to a different RadPageView on page load, depending on where the user came from. To accomplish this, I'm passing some parameters in the URL when the app loads this page in order to determine where to start within the wizard. In the Page_Load() event, I look at the URL parameter and, if necessary, set the RadMultiPage's SelectedIndex to the second RadPageView.

This works great, the page loads with the second RadPageView displayed, everything's fine, except.... my LinkButtons no longer work. The LinkButton controls at the bottom of the RadPageView no longer appear to trigger a postback. I've tried using the OnCommand() event, I've tried switching to the OnClick() event, doesn't make a difference. I've also tried moving where the RadMultiPage's SelectedIndex gets set - moved it to the RadMultiPage OnInit event and OnPreRender event with no change in behavior.

Am I overlooking something obvious?

TabStrip

answered on 03 Feb 2010

1 answer

212 views

RadGrid WebUserControl with RadAjaxManager

I am using radGrid with EditMode = popup and using WebUserControl within EditFormSetting and I am utilizing RadAjaxManager as described below
ASPX page

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="W_GridViewClass_Default2" %> 
        
            <%@ 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">  
        
                <table style="width:100%;">  
        
                    <tr> 
        
                        <td> 
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        
                <Scripts> 
        
                 <asp:ScriptReference Path="~/W_GridViewClass/jquery-1.3.2.min.js" />   
        
                </Scripts> 
        
                </telerik:RadScriptManager> 
        
                        </td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td> 
        
                            <telerik:RadAjaxManager ID="RadAjaxManager1" DefaultLoadingPanelID="RadAjaxLoadingPanel1" runat="server">  
        
                            <AjaxSettings> 
        
                          <telerik:AjaxSetting AjaxControlID="RadGrid1">  
        
                            <UpdatedControls> 
        
                          <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> 
        
                            </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                            </AjaxSettings> 
        
                            </telerik:RadAjaxManager> 
        
                        </td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td> 
        
                            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server"   
        
                                Skin="Default">  
        
                                   <img id="imgId" alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page,"Telerik.Web.UI.Skins.Default.Ajax.loading2.gif") %>' align="middle"  />Pleaase wait  
        
                            </telerik:RadAjaxLoadingPanel> 
        
                        </td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td> 
        
                            &nbsp;</td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td> 
        
                    <telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None"   
        
                        onneeddatasource="RadGrid1_NeedDataSource" onitemcreated="RadGrid1_ItemCreated">  
        
            <MasterTableView autogeneratecolumns="False" EditMode="PopUp">  
        
            <RowIndicatorColumn> 
        
            <HeaderStyle Width="20px"></HeaderStyle> 
        
            </RowIndicatorColumn> 
        
            <ExpandCollapseColumn> 
        
            <HeaderStyle Width="20px"></HeaderStyle> 
        
            </ExpandCollapseColumn> 
        
                <Columns> 
        
                    <telerik:GridTemplateColumn UniqueName="TemplateColumn">  
        
                        <ItemTemplate> 
        
                            <asp:LinkButton runat="server" CausesValidation="false" CommandName="Edit"   
        
                                Text="Edit"></asp:LinkButton> 
        
                        </ItemTemplate> 
        
                    </telerik:GridTemplateColumn> 
        
                    <telerik:GridBoundColumn DataField="InstName" HeaderText="InstName"   
        
                        UniqueName="column3">  
        
                    </telerik:GridBoundColumn> 
        
                    <telerik:GridBoundColumn DataField="Address" HeaderText="Address"   
        
                        UniqueName="column1">  
        
                    </telerik:GridBoundColumn> 
        
                    <telerik:GridBoundColumn DataField="City" HeaderText="City"   
        
                        UniqueName="column2">  
        
                    </telerik:GridBoundColumn> 
        
                </Columns> 
        
                  <EditFormSettings EditFormType="WebUserControl" PopUpSettings-Modal="true" CaptionFormatString="{0}" CaptionDataField="InstName">  
        
            <PopUpSettings Modal="True" Width="750px"></PopUpSettings> 
        
                    </EditFormSettings> 
        
            </MasterTableView> 
        
                    </telerik:RadGrid> 
        
                        </td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td> 
        
                            &nbsp;</td> 
        
                    </tr> 
        
                </table> 
        
                <div> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

User Control ascx

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="W_GridViewClass_WebUserControl" %> 
        
            <div id="divUctrl">  
        
            <table width="700">  
        
                <tr> 
        
                    <td> 
        
                        &nbsp;</td> 
        
                    <td> 
        
                        <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">  
        
                        <Scripts> 
        
                        <asp:ScriptReference Path="~/W_GridViewClass/JScript.js" /> 
        
                        </Scripts> 
        
                        </asp:ScriptManagerProxy> 
        
                    </td> 
        
                    <td> 
        
                        &nbsp;</td> 
        
                </tr> 
        
                <tr> 
        
                    <td width="100">  
        
                        input one&nbsp;</td> 
        
                    <td width="200">  
        
                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
        
                    </td> 
        
                    <td width="500">  
        
                        &nbsp;</td> 
        
                </tr> 
        
                <tr> 
        
                    <td> 
        
                        &nbsp;</td> 
        
                    <td> 
        
                        &nbsp;</td> 
        
                    <td> 
        
                        &nbsp;</td> 
        
                </tr> 
        
            </table> 
        
            </div>

aspx.cs

    
            using System;  
        
            using System.Collections.Generic;  
        
            using System.Linq;  
        
            using System.Web;  
        
            using System.Web.UI;  
        
            using System.Web.UI.WebControls;  
        
            public partial class W_GridViewClass_Default2 : System.Web.UI.Page  
        
            {  
        
                protected void Page_Load(object sender, EventArgs e)  
        
                {  
        
                }  
        
                protected void RadGrid1_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)  
        
                {  
        
                    RadGrid1.DataSource = ClassDB.GetInstInfo();  
        
                }  
        
                protected void RadGrid1_ItemCreated(object sender, Telerik.Web.UI.GridItemEventArgs e)  
        
                {  
        
                    RadGrid1.MasterTableView.EditFormSettings.UserControlName = "WebUserControl.ascx";  
        
                }  
        
            }

Js file

    
            $("div [id $='divUctrl']").ready(function() {  
        
                $("* [id $='TextBox1']").change(function() {  
        
                    var test = "";  
        
                });  
        
            });

the problem is that the Javascript file is not loaded in other way is not Synchronized when radgrid edit button fired.
when I Comment out the AjaxSetting for the RadGrid it works fine and javascript.js is loaded and $("div [id $='divUctrl']").ready() would be fired. and the chenge event for the textbox would fire properly.

    
             <telerik:AjaxSetting AjaxControlID="RadGrid1">  
        
                            <UpdatedControls> 
        
                        <%--  <telerik:AjaxUpdatedControl ControlID="RadGrid1" />--%> 
        
                            </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                            </AjaxSettings> 
        
                            </telerik:RadAjaxManager>

any help would really be Appreciated

Ajax

answered on 03 Feb 2010