Questions on UI for ASP.NET AJAX Forum

2 answers

123 views

Hello, I have a question regarding this demo http://demos.telerik.com/aspnet-ajax/asyncupload/examples/additionalfields/defaultcs.aspx
If I have a requirement to add additional field as Radio Button List Options. Using this similar demo, How would I extend it? thanks

AsyncUpload

answered on 08 Jul 2013

5 answers

1.1K+ views

[Solved] radgrid export to excel formating

I have a radgrid that is exporting grid to excel format. It is working correctly.. But the business is looking to get excel file cells in "text" format so that it can be entered in some software as "text" easily, not sure how to convert excel cells to text format.
I am using Biff format
Any help will be appreciated. Thanks

Grid

answered on 08 Jul 2013

1 answer

101 views

Rad tab click not working at browser compatibility of mode

Hi All,

Telerik Rad tab click not working when the browser is in compatibility off mode.
Please advice a solution for this.

Thanks in advance.

General Discussions

answered on 08 Jul 2013

2 answers

538 views

Column Width relative to its content "dynamically"

Hi, I have a simple RadGrid control that displays student records, no sorting or anything. However it is a hiararchial rid where the students' grades and other Ids will be displayed in a detail table and visible to only a specific administrative roles.

This Radgrid was created programmacally (partly due to role specifics) using this guidlines found at http://www.telerik.com/help/aspnet-ajax/grid-programmatic-creation.html (Create hierarchical structure programmatically after RadGrid control is declared in the ASPX file) where the function DefineGridStructure() is called in Page_Init() event handler.

My lates requirement concern about how the grid displays its content. The requirement is that the column width must be set relative to the column's content in the Detail Table. I'm trying to achieve the look of this nested detail table seen here (where the "Company Name" column-width varies relatively to the string length inside it) However this example is done in declarative mode as you can see >> http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/nestedviewtemplate/defaultcs.aspx where the result detail table seems to resize and best fits the cell content.

Do I have options to make my detail table achieve that look programmatically? I only need to deal with 1st level detail table.

I've tried to extract data in the myUserRig_ItemDataBound event but what's happening is that the Id's column (whose width needs to be set relative to the lengthy Id) will be reset to whatever assigned to HeaderStyle.Width in DefineGridStructure() (which makes the content appear to be cut off) as soon as I expand other record from the parent rid. Please help.

Grid

answered on 08 Jul 2013

1 answer

81 views

RadCombobox inside RadGrid freeze when type a letter

Hello, i have a radcombobox inside a radgrid, and the radcombobox is loaded with an objectdatasource, the items loading fast relatively(3000 items app) but when i put a letter in the radcombobox, the radcombobox freezes, and nothing work in the page for 40-60seconds... i think that is a problem in javascript ... there is my code

<div>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">

<telerik:RadGrid ID="rdgIntegrantes" runat="server" AutoGenerateColumns="False"

CellSpacing="0" GridLines="None" Width="700px"

AllowPaging="True" Culture="es-CL"

OnNeedDataSource="rdgPublicaciones_NeedDataSource" OnDeleteCommand="rdgIntegrantes_DeleteCommand"

OnInsertCommand="rdgIntegrantes_InsertCommand"

OnUpdateCommand="rdgIntegrantes_UpdateCommand" OnItemDataBound="rdgIntegrantes_ItemDataBound">

<MasterTableView AutoGenerateColumns="false" DataKeyNames="Id,TipoParticipacionId" ClientDataKeyNames="Id"

CommandItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnCurrentPage" EditMode="InPlace">

<CommandItemSettings AddNewRecordText="Click para agregar nuevo profesor"></CommandItemSettings>

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ConfirmText="¿Desea desasociar este profesor?" ConfirmDialogType="RadWindow"

ConfirmTitle="Eliminar profesor" ButtonType="ImageButton" CommandName="Delete" ConfirmDialogHeight="160px"

ConfirmDialogWidth="250px">

</telerik:GridButtonColumn>

<telerik:GridTemplateColumn DataField="ProfesorId" HeaderText="Profesor" UniqueName="Profesor"

ItemStyle-HorizontalAlign="Left">

<ItemTemplate>

<asp:Label ID="Label1" runat="server" Text='<%#Bind("_NombreProfesor") %>'></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<asp:Label ID="Label1" runat="server" Text='<%#Bind("_NombreProfesor") %>'></asp:Label>

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadComboBox DataSourceID="OdsProfesor" Filter="Contains"

Width="300px" ID="rdCboProfesor"

DataTextField="_nombreCompleto"

DataValueField="_id"

AllowCustomText="true" runat="server">

</telerik:RadComboBox>

</InsertItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="TipoParticipacionId" HeaderText="Participación" UniqueName="Participacion"

ItemStyle-HorizontalAlign="Left">

<ItemTemplate>

<asp:Label ID="Label2" runat="server" Text='<%#Bind("_nombreParticipacion") %>'></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox DataSourceID="OdsParticipacion" Filter="Contains" MarkFirstMatch="True"

Width="300px" ID="rdCboParticipacion" DataTextField="Nombre"

DataValueField="Id" runat="server">

</telerik:RadComboBox>

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadComboBox Filter="Contains" MarkFirstMatch="True" DataSourceID="OdsParticipacion"

Width="300px" ID="rdCboParticipacion" DataTextField="Nombre"

SelectedValue='<%#Bind("_NombreParticipacion") %>'

DataValueField="Id" AllowCustomText="true" runat="server">

</telerik:RadComboBox>

</InsertItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

</div>

<asp:ObjectDataSource ID="OdsProfesor" runat="server" SelectMethod="GetProfesoresDropDownProjection" TypeName="OmegaEntityFramework.Core"></asp:ObjectDataSource>

<asp:ObjectDataSource ID="OdsParticipacion" runat="server" SelectMethod="GetPublicacionParticipaciones" TypeName="OmegaEntityFramework.Core"></asp:ObjectDataSource>MinFilterLength

regards,
Orlando.

ComboBox

answered on 08 Jul 2013

4 answers

139 views

Row editing in multiple grid at a time

Hi,

I need to edit rows in ajax grid for multiple grids at the same time. We have more than one grid placed side by side which will have equal records and every row in grids are equivalent rows in other grids. What I want is that when I click edit button at any row in first grid then corresponding row in grids should become editable.

I am not getting an easy way to do that. Please help.

Thanks,
Sachi

Grid

answered on 08 Jul 2013

8 answers

231 views

RadGrid inside Form Template of other RadGrid

Dear Friends,

I have an issue since a couple of days. I have RadGrid1 which has Edit functionality by PopUp Edit Mode. Inside the Edit Form Template, I have another grid - RadGrid2. Everything is working fine except one thing - In RadGrid1 I have Client Settings with Client Event - OnRowClick. The problem here is that these client settings are also automatically applied to RadGrid2 when working in Edit mode

Could you please provide me some solution for that.

10x,
Alex

Grid

answered on 08 Jul 2013

7 answers

475 views

RadGrid not extending to height=100% after being ajaxified

Hello,

I have been working on incorporating a radgrid with hierarchical data, among other controls, into an asp.net page.

I am declaring the structure of the grid programmatically in the code-behind and it has been working pretty well so far.

I am also using a master page, and have an ajaxscriptmanager on the masterpage, with a proxy on the content page.

What I would like to accomplish is have a textbox / input button which will rebind the grid via AJAX depending on what is typed into the textbox.

so far I have the following code. it looks like the binding is working and is ajaxified correctly, but for some reason since I started using AJAX, the grid will not expand to be 100% height in its radpane. I have tried to cut out as much code as possible to make it as bare-bones as a page as i can to find the issue, but I can't seem to find the culprit. any help is appreciated!

The screenshot of the grid is attached. the markup that i believe to be relevant is also pasted below:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="DataView.Master.cs" Inherits="plsProductionData.Site1" %>

<%@ Register Assembly="Infragistics35.Web.v10.3, Version=10.3.20103.1013, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"

Namespace="Infragistics.Web.UI.NavigationControls" TagPrefix="ig" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" tagprefix="ajaxToolkit"%>

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

<style type="text/css">

html

{

overflow:hidden;

}

html,

body,

form

{

margin:0;

height:100%;

background-color:#f8f8f8;

}

</style>

<style type="text/css">

#gridAreaContent

{

position: absolute;

width: 100%;

}

</style>

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>

</head>

<body>

<telerik:RadSkinManager ID="_radSkinMan" Runat="server" Skin="WebBlue">

</telerik:RadSkinManager>

<form id="form1" runat="server">

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

<Scripts>

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

<telerik:RadAjaxManager ID="_radAjaxMan" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:RadAjaxLoadingPanel

ID="RadAjaxLoadingPanel1"

runat="server"

BackColor="White"

Transparency="50"

ScrollBars="None"

Height="100%" />

<telerik:RadSplitter ID="mainSplitter" runat="server" Height="100%" Width="100%" Orientation="Horizontal" >

<telerik:RadPane ID="RadPane1" runat="server" CssClass="ApplyOverflow" Width="100%" Height="100px" Scrolling="None">

<div style="width:100%;">

<telerik:RadMenu ID="_mainMenu" runat="server" Width="100%" style="position:absolute; border-width: 0px;">

</telerik:RadMenu>

</div>

<div style="width:100%;">

<div style="width:300px; margin-top:20px; float:right;">

<asp:ContentPlaceHolder ID="loginArea" runat="server" />

</div>

<asp:ContentPlaceHolder ID="SearchArea" runat="server" />

</div>

</telerik:RadPane >

<telerik:RadPane ID="RadPane2" runat="server" Width="100%" Height="100%" Scrolling="None" >

<telerik:RadSplitter ID="RadSplitter2" runat="server" Height="100%" Width="100%" Orientation="Vertical" >

<telerik:RadPane ID="RadPane3" runat="server" Height="100%" Scrolling="None">

<asp:ContentPlaceHolder ID="gridAreaContent" runat="server" />

</telerik:RadPane>

<telerik:RadSplitBar ID="Radsplitbar1" runat="server" CollapseMode="Backward" EnableResize="false"/>

<telerik:RadPane ID="RadPane4" runat="server" Height="100%" Width="320px" Scrolling="None">

<asp:ContentPlaceHolder ID="navPanel" runat="server" />

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</form>

</body>

</html>

Content Page:

<%@ Page Title="" Language="C#" MasterPageFile="~/DataView.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

<style type="text/css">

#<%= _GridPanelClientID %>

{

margin:0;

height:500px;

}

#_Grid_GridData

{

overflow-x:hidden !important;

}

/*.bigModuleBottom td{padding:0}

div.RadToolBar_Vista { float: none !important; }

div.RadToolBar_Vista .rtbOuter { border: 0; } */

div.RadToolBar .rtbUL {

width: 100%;

}

div.SeparatedButtons .rtbItem {

float: left;

}

div.SeparatedButtons .rightAlignedWrapper {

text-align:center;

float: right !important;

}

</style>

<telerik:RadCodeBlock id="RadCodeBlock1" runat="server">

<script type="text/javascript">

</script>

</telerik:RadCodeBlock>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="SearchArea" runat="server">

<telerik:RadAjaxPanel ID="RadAjaxPanel12" runat="server">

<div style="margin-left:20px; margin-top:33px; width:100%;">

<img src="Images/Search/pls.jpg" alt="PLS" />

<img src="Images/Search/researchandanalysis.jpg" alt="Research & Analysis" />

<h1 style="font-size:18 pt; font-weight:bold; font-family:Tahoma; position:absolute; top:10px; left:150px;">PLS Production Data</h1>

<div style="position:absolute; top:65px; left:150px;">

<asp:TextBox ID="_searchText" runat="server" Width="322px" ></asp:TextBox>

<telerik:RadButton ID="_searchButton" runat="server" Text="Search" OnClick="_searchButton_Click" />

<%--<telerik:RadButton ID="_searchButton" runat="server" Text="Search" OnClientClicked="RefreshGrid" OnClick="_searchButton_Click" />--%>

</div>

</telerik:RadAjaxPanel>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="gridAreaContent" runat="server">

<telerik:RadAjaxManagerProxy ID="_radAjaxProxy" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="_GridContextMenu">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="_Grid" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="_GridContextMenu" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="_searchButton">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="_Grid" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadAjaxPanel ID="RadAjaxPanel5" runat="server">

<telerik:RadGrid ID="_Grid"

runat="server"

Width="100%"

Height="100%"

style="border:0;"

AutoGenerateColumns="False"

GridLines="None" >

<MasterTableView CommandItemDisplay="Top">

<CommandItemTemplate>

</CommandItemTemplate>

</MasterTableView>

<ClientSettings>

<ClientEvents OnRowSelected="RecordSelected"

OnRowDeselected="RecordSelected"

OnRowContextMenu="RowContextMenu"></ClientEvents>

</ClientSettings>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

</asp:Content>

I used to have the OnClientClicked function for the _searchButton control scripted to correctly bind the grid, but i thought the error was coming from there and apparently it wasnt, since now with it set how it is, I am still experiencing the same problem.

Please let me know if there is any other information that I can provide that will help.

Thanks.

Ajax

answered on 08 Jul 2013

1 answer

101 views

Issue With TimePopupButton

If I supply my own image for the TimePopupButton like so:

<TimePopupButton ImageUrl="~/Images/TimePopup16.png">

The image displays fine, but on hovering over the button, no image is displayed. I have to add the HoverImageUrl attribute as well. If not specified, the HoverImageUrl should use the same image.

Additionally, the image tag inserted when I supply my own image does not have the border="0" attributes or any border css applied, so it displays (in IE at least) the heavy blue border that images within anchor have by default. I had to add:

$( '.RadPicker .rcTable a>img' ).css( { 'border': '0px none transparent' } );

to my page initialization code to get rid of it.

Input

answered on 08 Jul 2013

3 answers

546 views

How to display a popup message before the FormAuthentication timeout in rad notification.

I am trying to display a warning message saying your session is about to expire 2 min before the form authentication time out. It can be in in radnotification or in radwindows. Please if anybody knows anything let me know.

Thanks for help.

General Discussions

answered on 08 Jul 2013