Questions on UI for ASP.NET AJAX Forum

1 answer

61 views

Add New RadTreeView into RadPanelBar Programmatically

Dear Telerik Admin,

Can you share a code for adding New RadTreeView into RadPanelBar programmatically on code behind in ASP.Net Vb.Net.

Thanks.

PanelBar

answered on 16 Dec 2014

4 answers

168 views

RadAjaxManager with items in ItemTemplate

I'm having a problem accessing controls in the RadAjaxManager. The controls are within an item template in the RadPanelBar. Is there a way to access these?

Here's a code snippet. In this example, lbxOrg will be using Ajax to update the lbxContract. However, I get an error with this - seems like lbxOrg cannot be found by the RadAjaxManager.

    
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">  
        
            <AjaxSettings> 
        
            <telerik:AjaxSetting AjaxControlID="lbxOrg">  
        
             <UpdatedControls> 
        
            <telerik:AjaxUpdatedControl ControlID="lbxContract"/>  
        
            </UpdatedControls> 
        
            </telerik:AjaxSetting> 
        
            </AjaxSettings> 
        
            </telerik:RadAjaxManager> 
        
            <telerik:RadPanelBar ID="RadPanelBar1" Width="100%" runat="server" ExpandMode="MultipleExpandedItems" 
        
            Skin="Gray">  
        
            <Items> 
        
            <telerik:RadPanelItem Value="Items" Text="Filters">  
        
            <Items> 
        
            <telerik:RadPanelItem Value="FiltersItem">  
        
            <ItemTemplate> 
        
            <asp:ListBox ID="lbxOrg" runat="server" Rows="10" AutoPostBack="True"   
        
            SelectionMode="Multiple" OnSelectedIndexChanged="lbxOrg_SelectedIndexChanged" 
        
            Width="300px">  
        
            </asp:ListBox> 
        
            <br /> 
        
            <asp:ListBox ID="lbxContract" runat="server" AutoPostBack="True"   
        
            OnSelectedIndexChanged="lbxContract_SelectedIndexChanged" Rows="10" SelectionMode="Multiple" 
        
            Width="100px">  
        
            </asp:ListBox> 
        
            </ItemTemplate> 
        
            </telerik:RadPanelItem> 
        
            </Items> 
        
            </telerik:RadPanelItem> 
        
            </Items> 
        
            </telerik:RadPanelBar>

Thanks!
ashah

PanelBar

answered on 16 Dec 2014

2 answers

48 views

RadGrid Shifting footer issue

What would be causing the following in the following image? Why would the footer row be shifting to the right like that.

Grid

answered on 16 Dec 2014

9 answers

176 views

Adding New Columns and editing on the double click popup edit and also export

Hi,

I am trying to use Gantt Control to replace in my application where we already have similar control. Here are the few things that I would like to achieve using the Gantt Control

1. Add new column - like "assign to" where i could edit/assign the task in the popup using drop down (editing on double click)
2. Import the tasks from MS Project
3. Export to pdf/word/excel
4. Print

Please advise.

Thank you
Alan

Gantt

answered on 16 Dec 2014

2 answers

124 views

RadComboBox inside Radwindow

Hi,

I am using Telerik version 2012.3.1322.40.
I have Radcombox inside radwindow and radwindow opens when button click.
On IE11, if I type any characters in text area in radcombox and keep cursor on start place and type again, characters are overlapping each other. Attached the screenshot for the same.

This is only an issue with IE 11 (not with IE8). Also regular pages are working fine with out any issues.
If I open same aspx page normally i dont see this issue. If same page opened through radwindow this problem happens.

Please help.

Below is the code for radwindow and radcombox:

<telerik:RadWindow ID="rwAddNewMembers" runat="server" Title="Add Pru Par Trace Members"
Height="275px" Width="425px" Modal="true" Skin="Office2007" Behaviors="Close,Resize,Move"
DestroyOnClose="false" ReloadOnShow="True" VisibleTitlebar="true" VisibleStatusbar="false"
ShowContentDuringLoad="false">

<telerik:RadComboBox ID="radComboReportName" runat="server" Width="300px" Skin="Office2007"
TabIndex="1" Filter="Contains" MaxLength="200" EmptyMessage="Select Report" MarkFirstMatch="true"
ShowDropDownOnTextboxClick="true" AllowCustomText="true" AutoPostBack="True"
CausesValidation="true" OnClientBlur="OnClientBlurHandler">
</telerik:RadComboBox>

Thanks in advance
Haribala

ComboBox

answered on 16 Dec 2014

2 answers

99 views

Calendar shown behind the Grid EditItemTemplate

I have a Grid in a RadWindow. This grid has a RadDatePicker control in EditItemTemplate. The calendar is shown behind the edit template when I click on the datepicker control.

<%@ Page Language="VB" AutoEventWireup="false" MasterPageFile="~/MasterPage.master" CodeFile="TimeAttendance.aspx.vb" Inherits="TimeAttendance" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<!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">

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
<Scripts>
<%--Needed for JavaScript IntelliSense in VS2010--%>
<%--For VS2008 replace RadScriptManager with ScriptManager--%>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
</Scripts>
</telerik:RadScriptManager>
<script type="text/javascript">
//Put your JavaScript code here.
</script>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
</telerik:RadAjaxManager>

<telerik:RadDateTimePicker ID="picker2" Runat="server"
AutoPostBack="True"
Culture="English (United Kingdom)">
</telerik:RadDateTimePicker>


<telerik:RadGrid ID="RadGrid2" runat="server" CellSpacing="0" GridLines="None"
AutoGenerateColumns="False" AllowMultiRowSelection ="True" AllowAutomaticInserts ="true"
DataSourceID="SqlDataSource1" Width="651px" OnItemCommand="RadGrid2_ItemCommand"
OnItemCreated="RadGrid2_ItemCreated" >
<HeaderContextMenu CssClass="">
<WebServiceSettings>
<ODataSettings InitialContainerName=""></ODataSettings>
</WebServiceSettings>
</HeaderContextMenu>

<MasterTableView CommandItemDisplay ="TopAndBottom" EditMode="PopUp" DataKeyNames="id"
DataSourceID="SqlDataSource1" CommandItemSettings-AddNewRecordText="Add Attendance Entry">
<CommandItemSettings ExportToPdfText="Export to BIB format" ></CommandItemSettings>
<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
<HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
<HeaderStyle Width="20px"></HeaderStyle>
</ExpandCollapseColumn>
<EditFormSettings InsertCaption="Add Attendance Entry" EditColumn-UpdateText="Save"
EditColumn-InsertText="Save" EditColumn-ButtonType="PushButton"
FormMainTableStyle-Height="250">
<EditColumn FilterControlAltText="Filter EditCommandColumn column">
</EditColumn>
<PopUpSettings Modal="true" ZIndex="999999" CloseButtonToolTip="Click to close" Width="600" />
</EditFormSettings>
<Columns>
<telerik:GridEditCommandColumn ButtonType="LinkButton" EditText="Edit">
<ItemStyle Font-Size="Small" Font-Bold="true" />
</telerik:GridEditCommandColumn>
<telerik:GridButtonColumn ButtonType="LinkButton" Text="Delete" CommandName="Delete"
ConfirmText="Are you sure?" ConfirmTitle="Alert">
<ItemStyle Font-Size="Small" Font-Bold="true" />
</telerik:GridButtonColumn>
<telerik:GridTemplateColumn DataField="id"
FilterControlAltText="Filter id column" HeaderText="id"
UniqueName="id" DataType="System.Int32" ReadOnly="True"
SortExpression="id" >
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "id")%>
</itemtemplate>
<edititemtemplate>
<asp:Label ID="lblID" runat="server" Text ='<%# Bind("id") %>' Width="400px" ></asp:Label>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="StaffID"
FilterControlAltText="Filter Name column" HeaderText="StaffID"
UniqueName="StaffID" SortExpression="StaffID">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "StaffID")%>
</itemtemplate>
<edititemtemplate>
<asp:Label ID="lblStaffID" runat="server" Text ='<%# Bind("StaffID") %>' Width="400px" ></asp:Label>

</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="StaffName"
FilterControlAltText="Filter Name column" HeaderText="StaffName"
UniqueName="StaffName" SortExpression="StaffName">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "StaffName")%>
</itemtemplate>
<edititemtemplate>
<asp:DropDownList ID="StaffName" runat="server" CssClass="" SelectedValue='<%# Bind("StaffName") %>'
DataSourceID="StaffNameDataSource" DataTextField="StaffName" Width="300px"
DataValueField="StaffName" OnSelectedIndexChanged="StaffName_SelectedIndexChanged"
AutoPostBack="true">
</asp:DropDownList>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Date"
FilterControlAltText="Filter Name column" HeaderText="Date"
UniqueName="Date" SortExpression="Date">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "Date")%>
</itemtemplate>
<edititemtemplate>
<telerik:RadDateTimePicker ID="picker1" Runat="server" Style="z-index: 9000"
DbSelectedDate='<%# Bind("date") %>' AutoPostBack="True"
Culture="English (United Kingdom)" >
<Calendar ID="Calendar1" RangeMinDate="1900-01-01" runat="server">
</Calendar>
<DateInput ID="DateInput1" runat="server" DateFormat="dd/MM/yyyy HH:mm" ValidationGroup="date">

</DateInput>
</telerik:RadDateTimePicker>

</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Category"
FilterControlAltText="Filter Name column" HeaderText="Category"
UniqueName="Category" SortExpression="Category">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "Category")%>
</itemtemplate>
<edititemtemplate>
<asp:DropDownList ID="Category" runat="server" CssClass="" SelectedValue='<%# Bind("Category") %>'
DataSourceID="CategoryDataSource" DataTextField="Category" Width="300px"
DataValueField="Category" OnSelectedIndexChanged="Category_SelectedIndexChanged"
AutoPostBack="true">
</asp:DropDownList>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Reason"
FilterControlAltText="Filter Name column" HeaderText="Reason"
UniqueName="Reason" SortExpression="Reason">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "Reason")%>
</itemtemplate>
<edititemtemplate>
<asp:DropDownList ID="Reason" runat="server" CssClass="" SelectedValue='<%# Bind("Reason") %>'
DataSourceID="ReasonDataSource" DataTextField="Reason" Width="300px"
DataValueField="Reason" OnSelectedIndexChanged="Reason_SelectedIndexChanged"
AutoPostBack="true">
</asp:DropDownList>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Description"
FilterControlAltText="Filter Name column" HeaderText="Description"
UniqueName="Description" SortExpression="Description">
<itemtemplate >
<%#DataBinder.Eval(Container.DataItem, "Description")%>
</itemtemplate>
<edititemtemplate>
<asp:textbox ID="txtDescription" runat="server" Text ='<%# Bind("Description") %>' Width="300px" Height ="50px" ></asp:textbox>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="TypeofPersonMeeting"
FilterControlAltText="Filter Name column" HeaderText="Who are you meeting"
UniqueName="TypeofPersonMeeting" SortExpression="TypeofPersonMeeting">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "TypeofPersonMeeting")%>
</itemtemplate>
<edititemtemplate>
<asp:DropDownList ID="TypeofPersonMeeting" runat="server" SelectedValue='<%# Bind("TypeofPersonMeeting") %>' CssClass="textbox" >
<asp:ListItem Text="Lead" Value="Lead" ></asp:ListItem>
<asp:ListItem Text="Prospect" Value="Prospect"></asp:ListItem>
<asp:ListItem Text="Client" Value="Client" Selected="True" ></asp:ListItem>
<asp:ListItem Text="Insurers" Value="Insurer" ></asp:ListItem>
<asp:ListItem Text="Reinsurer" Value="Reinsurer"></asp:ListItem>
<asp:ListItem Text="Adjuster" Value="Adjuster"></asp:ListItem>
<asp:ListItem Text="Brokers" Value="Brokers"></asp:ListItem>
<asp:ListItem Text="Others - please specify" Value="Others - please specify"></asp:ListItem>
<asp:ListItem Text="Please Select" Value=""></asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator ID="RequiredfieldvalidatorTypeofPersonMeeting" runat="server" ControlToValidate="TypeofPersonMeeting"
ErrorMessage="Please Select who are you Meeting" Display="Dynamic" SetFocusOnError="true" />
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="ProspectClientName"
FilterControlAltText="Filter Name column" HeaderText="ProspectClientName"
UniqueName="ProspectClientName" SortExpression="ProspectClientName">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "ProspectClientName")%>
</itemtemplate>
<edititemtemplate>
<asp:textbox ID="txtProspectClientName" runat="server" Text ='<%# Bind("ProspectClientName") %>' Width="300px" ></asp:textbox>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="NameOfPersonMeeting"
FilterControlAltText="Filter Name column" HeaderText="NameOfPersonMeeting"
UniqueName="NameOfPersonMeeting" SortExpression="NameOfPersonMeeting">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "NameOfPersonMeeting")%>
</itemtemplate>
<edititemtemplate>
<asp:textbox ID="txtNameOfPersonMeeting" runat="server" Text ='<%# Bind("NameOfPersonMeeting") %>' Width="300px" ></asp:textbox>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="MeetingTime"
FilterControlAltText="Filter Name column" HeaderText="MeetingTime"
UniqueName="MeetingTime" SortExpression="MeetingTime">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "MeetingTime")%>
</itemtemplate>
<edititemtemplate>
<asp:textbox ID="txtMeetingTime" runat="server" Text ='<%# Bind("MeetingTime") %>' Width="50px" ></asp:textbox>

</edititemtemplate>
</telerik:GridTemplateColumn>


</Columns>






</MasterTableView>

<ClientSettings>
<Selecting AllowRowSelect="True" />
</ClientSettings>

<FilterMenu EnableImageSprites="False">
<WebServiceSettings>
<ODataSettings InitialContainerName=""></ODataSettings>
</WebServiceSettings>
</FilterMenu>
</telerik:RadGrid>


</asp:Content>

Calendar

answered on 16 Dec 2014

1 answer

120 views

Save Rad diagram as image

I am using Raddaigram to generate a network diagram. But I am not able to save that as image. I need to save that as image such as png or jpg, as I need to include that in a pdf report.

Diagram

answered on 16 Dec 2014

1 answer

359 views

How to display dots at the end in GridBoundColumn when wrap = false ?

Hi,

We are using Telerik RadControls for ASP.NET Ajax version 2013.3.1114.45.
I have a GridBoundColumn in RadGrid and set the width and set the wrap to false.

var column = new GridBoundColumn();
column.HeaderStyle.Width =Unit.Percentage(23.0);
column.HeaderStyle.Wrap = true;
column.ItemStyle.Wrap = false;

In any row, if the column text cannot be fit into the column, how to display few dots at the end ?

Original Text : "With the help of the Telerik RadDock control for ASP.NET AJAX you can manage multiple windows and even the layout of your web page."

Currently displayed as (truncated): "With the help of the Telerik RadDock control for ASP.NET AJAX you ca"

Required display format : "With the help of the Telerik RadDock control for ASP.NET AJAX you c..."

How to achieve the "Required display format" to display few dots at the end of the truncated text in the column cell ?

Thanks
Bhanu.

Grid

answered on 16 Dec 2014

2 answers

104 views

Identify which row was expanded

I want to persist expanded rows of the pivotgrid during the session so iIf the user returns to the page, his previously expanded rows are expanded again.
In order to do this I must know which rows are expanded so I must have a way to identify them.
I'm trying to identify the expanding rows in the itemcommand event (Commandname "ExpandCollapse") in order to store them in a list in the session and re-expand the rows based on this list.

Alas, I cannot find an identifier for the rows.
I have two questions
1. Is the itemcommand the proper event for this
2. Is there a row identifier available which I can use?

Any help would be very much appreciated.

PivotGrid

answered on 16 Dec 2014

2 answers

111 views

Subject not displaying but tool tip is

Hi,

The subject field is not displaying on the scheduler but it is on tool tips. The subject field is a different field in the database but I've manually set it using DataSubjectField="tasknote".

Any idea why the tool tips work but the subject contents are not displaying on the individual calendar items?

Attached is a screen shot showing the problem.

Many thanks

Tim Metcalfe

Scheduler

answered on 16 Dec 2014