Questions on UI for ASP.NET AJAX Forum

1 answer

88 views

Horizontal scroll and column filter problem

Hi,

I have a grid with 20+ columns so that the grid is wider than the screen. I have enabled scrolling on the grid and it works excellent in all cases except one.

The problem I have is that I have column filter on some of the columns. If I perform a filter so that zero results are returned the scrolling bar becomes smaller so that all the columns aren't visible. If I perform a filter so that one or more rows are present the width is good.

It seems to work in for example IE8 and firefox but not in IE7. Any ideas?

Best Regards
Erik Pettersson

Grid

answered on 08 Jun 2010

1 answer

68 views

[Solved] HyperLinkColumn contents disappear when Grid cycles in/out of view in RadMultiPage

I have a grid which is contained in one of the tabs of a RadTabStrip/RadMultiPage setup. Each of the tabs causes an AJAX postback to dynamically load the contents upon first click of that tab. There is a grid on the first tab which is loaded when the page is displayed. The contents of the HyperLinkColumn disppear if I use the following code in the grid's ItemDataBound event:

    
            if (e.Item is GridDataItem) 
        
            { 
        
                var item = e.Item as GridDataItem; 
        
                var name = (HyperLink)item["Name"].Controls[0]; 
        
                var extension = Path.GetExtension(name.Text).TrimStart('.'); 
        
                var fileIcon = new HtmlGenericControl("span"); 
        
                if (SiteMaster.FileIconCssClass.ContainsKey(extension)) 
        
                { 
        
                    fileIcon.Attributes.Add("class", "FileIcon " + SiteMaster.FileIconCssClass[extension]); 
        
                } 
        
                else 
        
                { 
        
                    fileIcon.Attributes.Add("class", "FileIcon FileIcon-Default"); 
        
                } 
        
                item["Name"].Controls.AddAt(0, fileIcon); 
        
            }

When I comment out the code block it works fine, however. Any thoughts on why injecting an extra span into the HyperLinkColumn causes this behavior?

Grid

answered on 08 Jun 2010

6 answers

257 views

Tools not firiing when RadEditor inside RadWindow

I have a custom control that has an editor inside a RadWindow. When I enable it to edit the content, the button controls are not working, they highlight and tooltip displays on hover but the clicking is not firing the command. Here is my code:

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WebContent.ascx.cs" 
        
                Inherits="MSD_web.WebContent" %> 
        
            <script type="text/javascript"> 
        
                //<![CDATA[
        
                function OnClientLoad(editor) {
        
                }
        
                function openContentEditorWin(winID) {
        
                    var oWnd = $find(winID);
        
                    oWnd.show();
        
                    var editor = $find("<%=RadEditor2.ClientID%>"); //get a reference to RadEditor's client object
        
                }
        
                //]]> 
        
            </script> 
        
            <asp:PlaceHolder ID="EditButtonsPlaceHodler" runat="server" Visible="false"> 
        
                <button onclick="openContentEditorWin('<%=RadWindow1.ClientID%>');return false;" "> 
        
                    Edit Content</button><br /> 
        
            </asp:PlaceHolder> 
        
            <asp:Literal ID="HTMLContentHolder" runat="server" > 
        
            </asp:Literal> 
        
            <telerik:RadWindowManager Behaviors="Close, Move, Resize,Maximize" ID="RadWindowManager" 
        
                DestroyOnClose="true" runat="server"> 
        
                <Windows> 
        
                    <telerik:RadWindow ID="RadWindow1" VisibleOnPageLoad="false" Title="Content Editor" 
        
                         runat="server" Width="900" Height="700" > 
        
                        <ContentTemplate> 
        
                                <asp:Button ID="btnSave" runat="server" Text="Save" Enabled="True" OnClick="btnSave_Click" /> 
        
                                <div style="text-align: left; display: block"> 
        
                                <telerik:RadEditor ID="RadEditor2" runat="server" Skin="Simple" Width="100%" Height="650" 
        
                                    Enabled="True" OnClientLoad="OnClientLoad"> 
        
                                </telerik:RadEditor> 
        
                                </div> 
        
                        </ContentTemplate> 
        
                    </telerik:RadWindow> 
        
                </Windows> 
        
            </telerik:RadWindowManager>

Editor

answered on 08 Jun 2010

3 answers

205 views

Overriding Fonts for All Controls

Hello,

We like the Outlook theme, but wish the font was bigger. Is there an easy way to override all of the fonts for the controls? What would you recommend?

Thanks.

General Discussions

answered on 08 Jun 2010

3 answers

103 views

Is It Possible To Block Countinuing CodeBehind When A RADWINDOW Appears????

hi my dear friends :
i have a radwindow with a button in it....
===========================================================
i am so new with jQery so i desided to work with RadWindows In Code Behind...
i opens this radwindow in code behind like this :

    
                        Page.RegisterStartupScript("callWin", "<script type='text/javascript'>OpenWindow();</script>"); 
        
                        Response.Write("Hello Worldd !");

Is It Possible To Block Countinuing CodeBehind (Response.Write("Hello Worldd !");) When this RADWINDOW Appears????
i mean , hello world be appears after Clicking on RadWindow Button...

if there is no way with c# code , how can i do that with jquery?

best regards

Window

answered on 08 Jun 2010

1 answer

314 views

Show/Hide of RadGrid

Hi All,

I am displaying the entity data using a radgrid.
on the top of the grid i placed two imagse buttons
1. Show Fitler
2. Hide Filter

By default the filter of the Radgrid should be in hidden state and the hidebtn style property 'display' should be none.
when ever i click on the show filter button.... filter option of radgrid should be enabled and hide btn display property should be updated from 'none' to 'block' and show btn property should be update from 'block' to 'none'

Vice versa if we click on the hide button.
I tried doing this my implementing the below code...
------------------------------------javascript--------------------------------------

function ShowFilter() {

$find(

'<%=rgPluginsList.ClientID %>').get_masterTableView().showFilterItem();

document.getElementById(

'HideBtn').style.display = 'block';

document.getElementById(

'ShowBtn').style.display = 'none';

}

function HideFilter() {

document.getElementById(

'HideBtn').style.display = 'none';

document.getElementById(

'ShowBtn').style.display = 'block';

$find(

'<%=rgPluginsList.ClientID %>').get_masterTableView().hideFilterItem();

}

----------------------------------------------------------------------------------------------------

<

asp:ImageButton runat="server" OnClientClick="ShowFilter();" ImageUrl="../Images/ShowFilter.gif"

ID="ShowBtn" />

<asp:ImageButton runat="server" OnClientClick="HideFilter();" ImageUrl="../Images/HideFilter.gif"

ID="HideBtn" />

-----------------------------------------------------------------------------------------------------------
In the Page Load event :

if

(!IsPostBack)

{

HideBtn.Style.Add(

"display", "none");

ShowBtn.Style.Add(

"display", "block");

rgPluginsList.AllowFilteringByColumn = !rgPluginsList.AllowFilteringByColumn;

rgPluginsList.Rebind();

}

-------------------------------------------------------------------------------------------------------------

but after the second click of hide btn i am getting the following exception
'

Server Error in '/RadarNetUI' Application.
--------------------------------------------------------------------------------

Multiple controls with the same ID 'FilterTextBox_#' were found. FindControl requires that controls have unique IDs.
Let me know wheter i missed some thing
Thanks in advance

Chaitanya.E
chaitanya.eluru@cosmonetsolutions.com

Grid

answered on 08 Jun 2010

8 answers

504 views

Date picker control not working

Date picker control not working some times. Calendar opening but date not selectable. Please find the attachment for same.

Thanks

Calendar

answered on 08 Jun 2010

9 answers

268 views

Q1 2010 Button's height change

Hi all,

In Q1 2010 we changed the buttons' height to 22px. (was 21px. in previous versions) in order to fit and look better when placed next to RadInput or RadComboBox item.
If you are using a custom skin, based on previous version of the control, please change the following css classes in the skin's main CSS file (FormDecorator.css) with the corresponding values as shown below:

.rfdButton a.rfdSkinnedButton,

.rfdButton a.rfdSkinnedButton *

{

height: 21px !important;

line-height: 21px !important;

}

.rfdButton input[type="button"].rfdDecorated,

.rfdButton input[type="reset"].rfdDecorated,

.rfdButton input[type="submit"].rfdDecorated,

.rfdButton .rfdSkinnedButton button,

.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover *

{

background-position: left -21px !important;

height: 21px !important;

line-height: 21px !important;

}

.rfdButton a.rfdSkinnedButton *

{

_background-position: left -21px !important;

}

/* IE6 fixes */

.rfdButton a.rfdInputDisabled:hover *

{

_background-position: left -21px !important;

}

.rfdButton a.rfdSkinnedButton:hover

{

background-position: right -42px !important;

}

.rfdButton a.rfdSkinnedButton:hover *

{

background-position: left -63px !important;

}

.rfdButton a.rfdClickedButton, .rfdButton a.rfdClickedButton:hover

{

background-position: right -84px !important;

}

.rfdButton a.rfdSkinnedButton.rfdClickedButton *

{

background-position: left -105px !important;

}

/* IE7 hovers fix */

* + html.rfdButton a.rfdSkinnedButton:hover *,

* + html .rfdButton a.rfdSkinnedButton:hover *

{

background-position: left -63px !important;

}

FormDecorator

answered on 08 Jun 2010

3 answers

171 views

[Solved] Blank Grid open in Insert Mode

How do I set up a blank grid to start inserting data? All I get is a blank screen
I am using VS 2010 with a trial copy of Telerik RAD controls

    
            <%@ Page Title="" Language="VB" MasterPageFile="~/Brunswick.master" AutoEventWireup="false" CodeFile="FastItemEntry.aspx.vb" Inherits="FastItemEntry" %> 
        
            <asp:Content ID="cntHead" ContentPlaceHolderID="cpHead" Runat="Server"> 
        
            </asp:Content> 
        
            <asp:Content ID="cntBody" ContentPlaceHolderID="cpHolder" Runat="Server"> 
        
                <telerik:RadScriptManager ID="rsManager" Runat="server"> 
        
                </telerik:RadScriptManager> 
        
                <telerik:RadAjaxManager ID="raManager" runat="server"> 
        
                </telerik:RadAjaxManager> 
        
                <table border="0" cellpadding="0" cellspacing="0"> 
        
                <tr> 
        
                <td> 
        
                    <telerik:RadGrid ID="rgAddItems" AutoGenerateColumns="False" GridLines="Both" runat="server"> 
        
                        <MasterTableView DataKeyNames="ItemID" CommandItemDisplay="Bottom" NoDetailRecordsText="begin entering data" runat="server"> 
        
                        <Columns> 
        
                            <telerik:GridBoundColumn DataField="ItemID" Visible="false" /> 
        
                            <telerik:GridBoundColumn UniqueName="PartNumber" DataField="PartNumber" HeaderText="Part Number" /> 
        
                            <telerik:GridBoundColumn UniqueName="ItemDescription" DataField="ItemDescription" HeaderText="Description" /> 
        
                            <telerik:GridTemplateColumn> 
        
                                <ItemTemplate> 
        
                                    <asp:Label ID="lblQty" runat="server" /> 
        
                                </ItemTemplate> 
        
                                <EditItemTemplate> 
        
                                    <telerik:RadNumericTextBox ID="rntbQty" NumberFormat-DecimalDigits="0" NumberFormat-GroupSizes="9" runat="server" > 
        
                                    </telerik:RadNumericTextBox> 
        
                                </EditItemTemplate> 
        
                            </telerik:GridTemplateColumn> 
        
                        </Columns> 
        
                        </MasterTableView> 
        
                    </telerik:RadGrid> 
        
                 </td> 
        
                 </tr> 
        
                </table> 
        
            </asp:Content> 
        
            Imports System.Data 
        
            Partial Class FastItemEntry 
        
                Inherits System.Web.UI.Page 
        
                Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load 
        
                    If Page.IsPostBack Then 
        
                    Else 
        
                        rgAddItems.MasterTableView.IsItemInserted = True 
        
                        rgAddItems.Rebind() 
        
                    End If 
        
                End Sub 
        
                Protected Sub rgAddItems_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles rgAddItems.ItemCommand 
        
                End Sub 
        
                Protected Sub rgAddItems_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles rgAddItems.NeedDataSource 
        
                    Dim dt As DataTable = Nothing 
        
                    rgAddItems.DataSource = dt 
        
                End Sub 
        
            End Class

Grid

answered on 08 Jun 2010

3 answers

85 views

Maybe a bug in RadComboBox

Hello,

I'm using version 2010.1.309.35 of the RadControls.

Using reflector in the method RenderTable of RadComboBox I can see:

                       if (this.Label.Length > 0)         
                {         
                    if (this.Width == Unit.Empty)         
                    {         
                        str = str + string.Format("width:160px", new object[0]);         
                    }         
                    else if (this.Width.Type != UnitType.Percentage)         
                    {         
                        str = str + string.Format("width:{0}{1}", this.Width.Value, "px");         
                    }         
                    str = str + "display:none";         
                }         
                     

the str is afterwards assigned to the style of the table.

The problem is that in neither line that sets the width there is no ; at the end of the width. After "display:none" is also added and I would get something like width:60pxdisplay:none. (And I dont know why the display:none)

Anyway my problem is that in the browser the width is something like 177px and I don't know where that comes from.

Please advise,

Thank you

General Discussions

answered on 08 Jun 2010