Questions on UI for ASP.NET AJAX Forum

3 answers

166 views

Support,

Rad Version Used: RadControls_for_ASP.NET_AJAX_2009_1_527_dev
Browser : IE 7

Issue:
We are facing a RadGrid's horizontal scrollbar diappearing issue when we swith-on the Frozen column feature.

We have a Rad Splitter with RadPane1 and RadPane2 the RadGrid is in RadPane2. The rad grid has 25 columns.

The scenario happens only when you move the scroll bar to the right extreme and then Collapse/Expand the RadSplitterbar.
The only way to get back the scroll bar is to refresh page, and obviously we will loose all client side data when that happens. This has put the project in Red.

This issue does not happen when the scroll bar is on the very left.

Kindly let us know the fix.

The .aspx code is listed below:

<%

@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%

@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<

html xmlns="http://www.w3.org/1999/xhtml">

<

head runat="server">

<title>Untitled Page</title>

</

head>

<

body>

<div>

<telerik:RadScriptManager ID="rsm" runat="server" >

</telerik:RadScriptManager>

<telerik:RadSplitter ID="RadSplitter1" Skin="WebBlue" runat="server" BackColor="#f0f0f0"

Height="535px" Width="100%">

<telerik:RadPane ID="RadPane1" runat="server" Font-Bold="true" Font-Size="50px" >

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" />

<telerik:RadPane ID="RadPane2" Scrolling="None" runat="server"

BackColor="#f0f0f0" >

<telerik:RadGrid ID="ExcelSheetGrid" Skin="Vista" runat="server" AutoGenerateColumns="true"

BackColor="Transparent" GridLines="None" PageSize="10" ShowFooter="false" Width="99.8%"

AllowPaging="True" Height ="500px" OnNeedDataSource="ExcelSheetGrid_NeedDataSource" HeaderStyle-Wrap="true">

</ClientSettings>

</telerik:RadGrid>

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

</

body>

</

html>

Grid

answered on 27 Jan 2010

0 answers

89 views

How I do for add titles to every column of combobox template?

Hi..

I have any SVL.combobox with items templates what it contain 4 to 6 columns. How I do for add titles to every column as similar that ASP.RadComboBox?
Example:

    
            <telerikInput:RadComboBox x:Name="rcbTercero" Width="212" MaxDropDownHeight="250" FontFamily="Trebuchet MS" FontSize="10.667"  
        
                            Background="#FFD6E9F2" IsHighlighted="True" IsReadOnly="True" Height="25" Canvas.Left="145" Canvas.Top="-1" >                
        
                            <telerikInput:RadComboBox.ItemTemplate > 
        
                                    <DataTemplate> 
        
                                        <Grid Margin="3,3,3,3" Width="750"> 
        
                             <Grid.ColumnDefinitions> 
        
                               <ColumnDefinition Width="40" /> 
        
                               <ColumnDefinition Width="120" /> 
        
                               <ColumnDefinition Width="100" /> 
        
                               <ColumnDefinition Width="60" /> 
        
                               <ColumnDefinition Width="60" /> 
        
                               <ColumnDefinition Width="100" /> 
        
                               <ColumnDefinition Width="80" /> 
        
                               <ColumnDefinition Width="20" /> 
        
                               <ColumnDefinition Width="40" /> 
        
                               <ColumnDefinition Width="80" /> 
        
                               <ColumnDefinition Width="40" /> 
        
                               <ColumnDefinition Width="40" /> 
        
                               <ColumnDefinition Width="40" /> 
        
                             </Grid.ColumnDefinitions> 
        
                             <TextBlock Grid.Column="0" Foreground="Black" FontFamily="Verdana" FontSize="8" Text="{Binding codPersona}" HorizontalAlignment="Right" Margin="0,0,10,0"/> 
        
                             <TextBlock Grid.Column="1" Foreground="Black" FontFamily="Verdana" FontSize="8" Text="{Binding RazonSocial}" HorizontalAlignment="Left" Margin="3,0,0,0"/> 
        
                             <TextBlock Grid.Column="2" Foreground="Black" FontFamily="Verdana" FontSize="8" Text="{Binding Nombre}" HorizontalAlignment="Left" Margin="3,0,0,0"/> 
        
                             <TextBlock Grid.Column="3" Foreground="Black" FontFamily="Verdana" FontSize="8" Text="{Binding Telefono}" HorizontalAlignment="Left" Margin="3,0,0,0"/> 
        
                             <TextBlock Grid.Column="4" Foreground="Black" FontFamily="Verdana" FontSize="8" Text="{Binding Direccion}" HorizontalAlignment="Left" Margin="3,0,0,0"/> 
        
                             <TextBlock Grid.Column="5" Foreground="Black" FontFamily="Verdana" FontSize="8" Text="{Binding numDocIdentificacion}" HorizontalAlignment="Left" Margin="3,0,0,0"/> 
        
                             <TextBlock Grid.Column="6" Foreground="Black" FontFamily="Verdana" FontSize="8" Text="{Binding Nit}" HorizontalAlignment="Left" Margin="3,0,0,0"/> 
        
                             <CheckBox Grid.Column="7" Height="20" Width="20" Content="x" IsChecked="{Binding Vigente}" HorizontalAlignment="Left" Margin="3,0,0,0"/> 
        
                             <TextBlock Grid.Column="8" Foreground="Black" FontFamily="Verdana" FontSize="8" Text="{Binding Celular}" HorizontalAlignment="Left" Margin="3,0,0,0"/> 
        
                             <TextBlock Grid.Column="9" Foreground="Black" FontFamily="Verdana" FontSize="8" Text="{Binding Abrev}" HorizontalAlignment="Left" Margin="3,0,0,0"/> 
        
                             <TextBlock Grid.Column="10" Foreground="Black" FontFamily="Verdana" FontSize="8" Text="{Binding Mini}" HorizontalAlignment="Left" Margin="3,0,0,0"/> 
        
                             <TextBlock Grid.Column="11" Foreground="Black" FontFamily="Verdana" FontSize="8" Text="{Binding PaginaWeb}" HorizontalAlignment="Left" Margin="3,0,0,0"/> 
        
                             <TextBlock Grid.Column="12" Foreground="Black" FontFamily="Verdana" FontSize="8" Text="{Binding eMail}" HorizontalAlignment="Left" Margin="3,0,0,0"/> 
        
                                             <TextBlock Grid.Column="11" Visibility="Collapsed" Text="{Binding FactorDstoCliente}" /> 
        
                             <TextBlock Grid.Column="12" Visibility="Collapsed" Text="{Binding FactorDstoProv}" /> 
        
                         </Grid> 
        
                        </DataTemplate> 
        
                        </telerikInput:RadComboBox.ItemTemplate>

Juan Pablo Díaz S,
Bogotá - Colombia

ComboBox

asked on 27 Jan 2010

0 answers

117 views

Rad Ajax Panel issues

Hi all,

1) I have implemented Rad ajax panel(progress bar) for Rad grid on click of Link button if it is going to any exception the page is getting hanged due to Rad ajax panel until any event is fired how can we handle when we got any exception

    
            <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">  
        
            <asp:UpdatePanel ID="UpdatePanel2" runat="server">  
        
            <ContentTemplate> 
        
            <telerik:RadGrid ID="gviewProjectwisetask" runat="server" Width="100%" AutoGenerateColumns="False"   
        
            GridLines="None" CellPadding="2"   
        
            onrowcommand="gviewProjectwisetask_RowCommand"   
        
            onpageindexchanging="gviewProjectwisetask_PageIndexChanging"   
        
            BackImageUrl="~/images/grad_l2.gif" BorderColor="#66CCFF"   
        
            BorderStyle="Solid" BorderWidth="1px"   
        
            onrowdatabound="gviewProjectwisetask_RowDataBound"   
        
            onrowediting="gviewProjectwisetask_RowEditing"   
        
            onrowdeleting="gviewProjectwisetask_RowDeleting" Skin="Vista"   
        
            onitemcommand="gviewProjectwisetask_ItemCommand"   
        
            onitemdatabound="gviewProjectwisetask_ItemDataBound">  
        
            <MasterTableView> 
        
            <Columns> 
        
            <telerik:GridTemplateColumn HeaderText="Resource Name">  
        
            <ItemTemplate> 
        
            <asp:LinkButton ID="ResourceName" runat="server" CommandName="Select" Text='<%#DataBinder.Eval(Container.DataItem,"Resource Name") %>'></asp:LinkButton> 
        
            </ItemTemplate> 
        
            <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"   
        
            Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Left"   
        
            Wrap="True" /> 
        
            </telerik:GridTemplateColumn> 
        
            <telerik:GridBoundColumn DataField="Resource ID" HeaderText="ResourceId"   
        
            ItemStyle-CssClass="columnHidden" HeaderStyle-CssClass="columnHidden" > 
        
            <HeaderStyle CssClass="columnHidden" /> 
        
            <ItemStyle CssClass="columnHidden" Font-Bold="False" Font-Italic="False"   
        
            Font-Overline="False" Font-Strikeout="False" Font-Underline="False"   
        
            HorizontalAlign="Left" Wrap="True" /> 
        
            </telerik:GridBoundColumn> 
        
            <telerik:GridTemplateColumn HeaderText="Task/Module Name">  
        
            <ItemTemplate> 
        
            <asp:Label ID="lblTaskmane" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"Task Name") %>'></asp:Label> &nbsp;  
        
            </ItemTemplate> 
        
            <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"   
        
            Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Left"   
        
            Wrap="True" /> 
        
            </telerik:GridTemplateColumn> 
        
            <telerik:GridTemplateColumn HeaderText="Task Description">  
        
            <ItemTemplate> 
        
            <asp:Label ID="lblDesc" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"Description") %>'></asp:Label> &nbsp;  
        
            </ItemTemplate> 
        
            <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"   
        
            Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Left"   
        
            Wrap="True" /> 
        
            </telerik:GridTemplateColumn> 
        
            <telerik:GridTemplateColumn HeaderText="Assigned By">  
        
            <ItemTemplate> 
        
            <asp:Label ID="lblAssignedBy" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"Assigned By") %>'></asp:Label> &nbsp;  
        
            </ItemTemplate> 
        
            <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"   
        
            Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Left"   
        
            Wrap="True" /> 
        
            </telerik:GridTemplateColumn> 
        
            <telerik:GridTemplateColumn HeaderText="ModifiedBy">  
        
            <ItemTemplate> 
        
            <asp:Label ID="lblModifiedBy" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"Modified By") %>'></asp:Label> &nbsp;  
        
            </ItemTemplate> 
        
            <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"   
        
            Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Left"   
        
            Wrap="True" /> 
        
            </telerik:GridTemplateColumn> 
        
            <telerik:GridTemplateColumn HeaderText="Phase">  
        
            <ItemTemplate> 
        
            <asp:Label ID="lblphase" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"phase") %>'></asp:Label> &nbsp;  
        
            </ItemTemplate> 
        
            <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"   
        
            Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Left"   
        
            Wrap="True" /> 
        
            </telerik:GridTemplateColumn> 
        
            <telerik:GridTemplateColumn HeaderText="ETA(Hrs)">  
        
            <ItemTemplate> 
        
            <asp:Label ID="lblETA" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"Estimated Hours") %>'></asp:Label> &nbsp;  
        
            </ItemTemplate> 
        
            <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"   
        
            Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Left"   
        
            Wrap="True" /> 
        
            </telerik:GridTemplateColumn> 
        
            <telerik:GridTemplateColumn HeaderText="Date">  
        
            <ItemTemplate> 
        
            <asp:Label ID="lblDate" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"Date") %>'></asp:Label> &nbsp;  
        
            </ItemTemplate> 
        
            <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"   
        
            Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Left"   
        
            Wrap="True" /> 
        
            </telerik:GridTemplateColumn>   
        
            <telerik:GridBoundColumn DataField="Task ID" HeaderText="TaskID"   
        
            > 
        
            <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"   
        
            Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Left"   
        
            Wrap="True" /> 
        
            </telerik:GridBoundColumn> 
        
            <telerik:GridBoundColumn DataField="Document ID" HeaderText="DocumentID"   
        
            > 
        
            <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"   
        
            Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Left"   
        
            Wrap="True" /> 
        
            </telerik:GridBoundColumn> 
        
            <telerik:GridTemplateColumn HeaderText="Document">  
        
            <ItemTemplate> 
        
            <asp:LinkButton ID="lnkDocument" runat="server" CommandName="Select2" Text='<%#DataBinder.Eval(Container.DataItem,"File Name") %>'></asp:LinkButton> 
        
            </ItemTemplate> 
        
            <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"   
        
            Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Left"   
        
            Wrap="True" /> 
        
            </telerik:GridTemplateColumn> 
        
            <telerik:GridTemplateColumn HeaderText="Remove Att. File">  
        
            <ItemTemplate> 
        
            <asp:ImageButton ID="imgbtnRemoveDocument" runat="server" ToolTip="Remove Attached File" 
        
            ImageUrl="~/images/delete-file-icon.gif" CommandName="Select3" OnClientClick="return confirm('Are you sure you want to remove att. file?');"/>  
        
            </ItemTemplate> 
        
            <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"   
        
            Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center"   
        
            Wrap="True" /> 
        
            </telerik:GridTemplateColumn> 
        
            <telerik:GridTemplateColumn HeaderText="Add More">  
        
            <ItemTemplate> 
        
            <asp:ImageButton ID="imgbtnAddmore" runat="server" ToolTip="Add More Tasks" 
        
            ImageUrl="~/images/AddMore.gif" CommandName="Select4"/>  
        
            </ItemTemplate> 
        
            <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"   
        
            Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center"   
        
            Wrap="True" /> 
        
            </telerik:GridTemplateColumn> 
        
            <telerik:GridBoundColumn DataField="status" HeaderText="Status"   
        
            > 
        
            <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"   
        
            Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Left"   
        
            Wrap="True" /> 
        
            </telerik:GridBoundColumn> 
        
            </Columns> 
        
            </MasterTableView> 
        
            <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /> 
        
            <PagerStyle   
        
            ForeColor="Black" HorizontalAlign="Center" Height="30px" Font-Bold="True" Font-Names="Arial"   
        
            Font-Size="Smaller" CssClass="footerbg" /> 
        
            </telerik:RadGrid> 
        
            </ContentTemplate> 
        
            </asp:UpdatePanel> 
        
            </telerik:RadAjaxPanel> 
        
            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" 
        
            Width="75px" Skin="Sunset">  
        
            </telerik:RadAjaxLoadingPanel>

Grid

asked on 27 Jan 2010

2 answers

113 views

checkboxlist in command template problem

I currently have the following code working

<asp:CheckBoxList ID="CheckBoxList1" runat="server" OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged">

</asp:CheckBoxList>

</div>
<CommandItemTemplate>

which runs this

protected

void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)

{

CheckBoxList cbList = sender as CheckBoxList;

foreach

(ListItem listItem in cbList.Items)

RadGrid1.MasterTableView.Columns[cbList.Items.IndexOf(listItem)].Display = listItem.Selected;

}

This works great but I need to change it so instead of OnSelectedIndexChanged it runs off of a button like so
<CommandItemTemplate>

<

div id="list_countries" onmouseover="mouseover()" onmouseout="mouseout()" >

<asp:CheckBoxList ID="CheckBoxList1" runat="server" >

</asp:CheckBoxList>

</div>

<asp:Button ID="Button5" runat="server" Text="Show/Hide Columns" OnClick="CheckBoxList1_SelectedIndexChanged"> />

</div>
</CommandItemTemplate>

but I cant get the checkboxlist control in the CheckBoxList1_SelectedIndexChanged function if its from the button

what should I do?

Grid

answered on 27 Jan 2010

8 answers

210 views

Applying custom skin

What stylesheet do you use for custom skins. When I try to use Black, there is a hoverover for the input box that I can't seem to find the right css property to change.

ComboBox

answered on 27 Jan 2010

1 answer

158 views

TreeView - Binding to Hierarchical Data

Hello,

I'm trying to bind the TreeView to hierarchical data in a table. I used ItemID and ParentID, but tree ignores hierarchy.

    
            <telerik:RadTreeView ID="RadTreeView1" Runat="server"   
        
                    DataSourceID="LinqDataSource1" DataFieldID="ItemID" DataFieldParentID="ParentID"   
        
                    DataTextField="Title" EnableAjaxSkinRendering="true" Skin="Default"   
        
                    CausesValidation="False" EnableDragAndDrop="True"   
        
                    EnableDragAndDropBetweenNodes="True" MaxDataBindDepth="25"   
        
                    SingleExpandPath="True" Width="350px"   > 
        
                    <CollapseAnimation Type="OutQuint" Duration="100"></CollapseAnimation> 
        
                    <ExpandAnimation Duration="100"></ExpandAnimation> 
        
            </telerik:RadTreeView> 
        
                <br /> 
        
                <br /> 
        
                <asp:LinqDataSource ID="LinqDataSource1" runat="server"   
        
                    ContextTypeName="DataClassesDataContext" OrderBy="ParentID, SortOrder"   
        
                    TableName="Items" Where="ClientID == @ClientID">  
        
                    <WhereParameters> 
        
                        <asp:ControlParameter ControlID="DropDownList1" DefaultValue="1"   
        
                            Name="ClientID" PropertyName="SelectedValue" Type="Int64" /> 
        
                    </WhereParameters> 
        
                </asp:LinqDataSource>

The tree displays all data as if it's on the root node.

Please help,

Michael

TreeView

answered on 27 Jan 2010

3 answers

311 views

How to access FilterTemplate at server side.

Hi all,

I am using FilterTemplate to one of the column at clientside binding as :

<telerik:GridBoundColumn DataField="Name" HeaderText="Name" SortExpression="Name"

UniqueName="Name">

<telerik:RadComboBox ID="radFilterComboBox" DataTextField="Name" runat="server" AutoPostBack="true" ShowToggleImage="true"

OnSelectedIndexChanged="radFilterComboBox_SelectedIndexChanged" Skin="Office2007"

Width="300" OnItemsRequested="radFilterComboBox_ItemsRequested">

</telerik:RadComboBox>

</FilterTemplate>

</telerik:GridBoundColumn>

1) Now i need to populate this ComboBox with the Names which are in Name field(shown). And by the way i am not using SqlDataSource, instead using LINQ queries to bind grid at server side.

2) How to access this "radFilterComboBox" at codebehind in page_load.

Thanks in advance.

Grid

answered on 27 Jan 2010

1 answer

219 views

Radwindow opened from Repeater Item

Hi

I am having a problem that you may possibly regard as a general server vs. client issue and I admin that my javascript knowhow could be better.

I am invoking a RadWindows from an ImageButton in a Repeater listItem. My Radwindow aspx uses a ServerControl with an embedded RadTree control.

When I close my content aspx RadWindow page I am trying to send my Radtree node value back to a Repeater ListItem asp:Textbox.

My RadWindow Javascript OnClose function looks like this where I am calling function ReloadPlace("parameters") in my parent page (my Repeater1 page).

    
                    function CloseAndRebind() {  
        
                        //var ctrl = document.getElementById('tvDivisionTree.ClientID');  
        
                        var tree = $find('<%= DivisionPicker1.FindControl("tvDivisionTree").ClientID %>');  
        
                        var node = tree.get_selectedNode();  
        
                        GetRadWindow().Close(oArg);  
        
                        if (node) {  
        
                            GetRadWindow().BrowserWindow.ReloadPlace(node.get_text());  
        
                        }  
        
                        else  
        
                            GetRadWindow().BrowserWindow.ReloadPlace("");  
        
                    }

This is where my problem ONE is. Since my popup radWindow aspx page has the RadTree embedded in a ServerControl like this:

<

uc1:DivisionPicker ID="DivisionPicker1" TreeEnabled="true" runat="server" />
I seem to be running out of options to locate my RadTree clientID. As you can see above I have been trying both $find and getElementByID.

In my parent page I have my ReloadPlace() function. I want it (or use a better way if possible) to update my Repeater ListItem Textbox with the returning argument from my RadWindow page but do not know how to reach my ListItem textbox. I'm most likely overextending the purpose of your helpdesk but thought I'd as anyway.

This is my unction (unfinished).

    
                function ReloadPlace(departmentID) {  
        
                    //var txtbox = $find('<%# MyRepeaterListitem.....ClientID %>');  
        
                    alert(departmentID);  
        
                }

thanks
Axel

Window

answered on 27 Jan 2010

1 answer

101 views

finding GridButtonColumn at run time

Hello

I am struck with another problem. I am using

<

telerik:GridButtonColumn FooterText="" DataTextFormatString="Approve"

UniqueName="approve" HeaderText="Approve" CommandName="MyCommandName" CommandArgument="" DataTextField="id">

</telerik:GridButtonColumn>

On some condition i want to make this approve link disable and enable on run time. How we can get this at link run time and on which event we can enable and disable this link.

Thanks
Amarinder

Grid