Questions on UI for ASP.NET AJAX Forum

3 answers

188 views

Use Of both EditFormType="Template" AND EditFormType="EditForm"

Hi,
i want to Use Of both EditFormType="Template"(for Insert Because of all field) AND EditFormType="EditForm"(because of some field which are shown in grid)
My code is:

<%@ Page Title="" Language="C#" MasterPageFile="~/MPLayout.master" AutoEventWireup="true"

CodeFile="UserDetailsGrid.aspx.cs" Inherits="EntityDetailsGrid" %>

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

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

</asp:Content>

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

<telerik:RadAjaxManager ID="RadAjaxManager1" DefaultLoadingPanelID="RadAjaxLoadingPanel1"

ClientEvents-OnRequestStart="onRequestStart" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Animation="Slide"

KeepInScreenBounds="true" Skin="Outlook" MaxHeight="130px" MaxWidth="360px">

</telerik:RadWindowManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="5"

Skin="Outlook" />

<script type="text/javascript">

function onRequestStart(sender, args) {

if (args.get_eventTarget().indexOf("ExportTo") >= 0) {

args.set_enableAjax(false);

}

</script>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="true" AllowSorting="true"

Skin="Outlook" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="13px" HeaderStyle-Font-Names="Verdana"

ItemStyle-Font-Names="Verdana" AlternatingItemStyle-Font-Names="Verdana" ShowGroupPanel="true"

OnPreRender="RadGrid1_PreRender"

OnNeedDataSource="RadGrid1_NeedDataSource1"

onitemcommand="RadGrid1_ItemCommand1" onitemdeleted="RadGrid1_ItemDeleted"

oniteminserted="RadGrid1_ItemInserted" onitemupdated="RadGrid1_ItemUpdated">

<PagerStyle AlwaysVisible="true" Font-Bold="true" Mode="NextPrevNumericAndAdvanced" />

<ClientSettings AllowDragToGroup="true" AllowColumnsReorder="true" Resizing-AllowResizeToFit="true">

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

</ClientSettings>

<ExportSettings ExportOnlyData="true" OpenInNewWindow="true" IgnorePaging="true"

FileName="Entity Details">

<Pdf AllowAdd="true" AllowCopy="true" AllowModify="true" AllowPrinting="true" BorderColor="Black"

BorderStyle="Medium" BorderType="AllBorders" PageBottomMargin="20px" PageFooter-LeftCell-TextAlign="Center"

PageFooterMargin="20px" PageHeader-LeftCell-TextAlign="Center" PageHeaderMargin="20px"

PageLeftMargin="35px" PageRightMargin="35px" PageTitle="List Of Entities and Details"

PageTopMargin="35px" PaperSize="A4" UserPassword="ss">

</Pdf>

</ExportSettings>

<MasterTableView CommandItemDisplay="Top" CommandItemSettings-ShowAddNewRecordButton="true"

EditMode="EditForms" DataKeyNames="UserId" CommandItemSettings-ShowRefreshButton="false">

<CommandItemSettings ShowExportToCsvButton="true" ShowExportToExcelButton="true"

ShowExportToPdfButton="true" ShowExportToWordButton="true" />

<EditFormSettings FormMainTableStyle-HorizontalAlign="Center" EditColumn-ButtonType="PushButton"

FormTableStyle-Width="100%" FormTableButtonRowStyle-HorizontalAlign="Center"

FormTableStyle-CellPadding="3" FormMainTableStyle-Font-Bold="true" FormMainTableStyle-ForeColor="Purple"

FormStyle-CssClass="" FormTableStyle-CellSpacing="5" InsertCaption="Add New User Details"

FormCaptionStyle-Font-Bold="true" FormCaptionStyle-Font-Underline="true" FormCaptionStyle-ForeColor="Black"

FormCaptionStyle-Font-Size="Large" FormCaptionStyle-HorizontalAlign="Center"

FormCaptionStyle-Width="100%">

<FormStyle Width="100%" BackColor="LightCyan"></FormStyle>

</EditFormSettings>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<center>

<u>

<h4>

Add New User Details</h4>

</u>

<table style="font-family: Verdana; padding: 10px" cellspacing="5" cellpadding="3">

<tr>

<td>

User Name

</td>

<td>

<asp:TextBox ID="tempUserName" runat="server" Width="200px" Font-Names="Verdana">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="tempUserName"

Font-Bold="true" ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

First Name

</td>

<td>

<asp:TextBox ID="tempFirstName" runat="server" Width="200px" Font-Names="Verdana">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="tempFirstName"

Font-Bold="true" ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Last Name

</td>

<td>

<asp:TextBox ID="tempLastName" runat="server" Width="200px" Font-Names="Verdana">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="tempLastName"

Font-Bold="true" ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

User Email

</td>

<td>

<asp:TextBox ID="tempUserEmail" runat="server" Width="200px" Font-Names="Verdana">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="tempUserEmail"

ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

<asp:RegularExpressionValidator ID="Rev1" runat="server" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"

ErrorMessage="* Invalid Email" ValidationGroup="Save" ForeColor="Red" ControlToValidate="tempUserEmail"></asp:RegularExpressionValidator>

</td>

</tr>

<tr>

<td>

Phone No

</td>

<td>

<asp:TextBox ID="tempPhoneNo" runat="server" Width="200px">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="tempPhoneNo"

ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ValidationExpression="^\d+$"

ErrorMessage="* Invalid PhoneNo" ValidationGroup="Save" ForeColor="Red" ControlToValidate="tempPhoneNo"></asp:RegularExpressionValidator>

</td>

</tr>

<tr>

<td>

User Type

</td>

<td>

<telerik:RadComboBox ID="cmbusertype" runat="server" Width="207px" Height="200px"

Font-Names="Verdana" Skin="Hay" EnableLoadOnDemand="true" MarkFirstMatch="true"

EmptyMessage="Please Select User Type" />

<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="cmbusertype"

Font-Bold="true" ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Comapny Name

</td>

<td>

<telerik:RadComboBox ID="cmbcompanyname" runat="server" Width="207px" Height="200px"

Font-Names="Verdana" Skin="Hay" EnableLoadOnDemand="true" MarkFirstMatch="true"

EmptyMessage="Please Select Company Name" />

<asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ControlToValidate="cmbcompanyname"

Font-Bold="true" ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Password

</td>

<td>

<asp:TextBox ID="tempPassword" runat="server" Width="200px" TextMode="Password">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ControlToValidate="tempPassword"

Font-Bold="true" ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Confirm Password

</td>

<td>

<asp:TextBox ID="tempConfirmPassword" runat="server" Width="200px" TextMode="Password">

</asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" ControlToValidate="tempConfirmPassword"

Font-Bold="true" ErrorMessage="*" ValidationGroup="Save"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td align="right" colspan="2">

<asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>

</asp:Button>

<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"

CommandName="Cancel"></asp:Button>

</td>

</tr>

</table>

</center>

<br />

</FormTemplate>

</EditFormSettings>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditColumn">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn CommandName="Delete" ButtonType="ImageButton" UniqueName="DeleteColumn"

ConfirmText="Are you sure to Delete this Entity?" ConfirmDialogType="RadWindow"

ConfirmTitle="<b>Manifest-BI</b>">

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</asp:Content>

AND

using System;

using System.Web;

using System.Linq;

using System.Data;

using System.Web.UI;

using Telerik.Web.UI;

using System.Collections;

using System.Web.UI.WebControls;

using System.Collections.Generic;

public partial class EntityDetailsGrid : System.Web.UI.Page

{

Globas ObjGlobas = new Globas();

protected void Page_Load(object sender, EventArgs e)

{

if (Convert.ToInt32(Session["RoleId"].ToString()) == 3)

{

Response.Redirect("ErrorPage.aspx");

}

BindGrid();

}

#region[-------Find Entity Id Column To Hide Before Page Load-------]

protected void RadGrid1_PreRender(object sender, EventArgs e)

{

RadGrid1.MasterTableView.GetColumn("UserId").Visible = false;

}

#endregion

#region[--------RadGrid Advanced Data Binding-------]

protected void RadGrid1_NeedDataSource1(object sender, GridNeedDataSourceEventArgs e)

{

DataTable DtUserDetails = ObjGlobas.UserDetails();

DtUserDetails.Columns.Remove("CompId");

DtUserDetails.Columns.Remove("Password");

DtUserDetails.Columns.Remove("UserAccessCode");

DtUserDetails.Columns.Remove("Status");

DtUserDetails.Columns.Remove("StartDate");

DtUserDetails.Columns.Remove("EndDate");

DtUserDetails.Columns.Remove("UserTypeId");

RadGrid1.DataSource = DtUserDetails;

}

#endregion

#region[-------PAGELOAD GRID BIND-------]

public void BindGrid()

{

DataTable DtUserDetails = ObjGlobas.UserDetails();

DtUserDetails.Columns.Remove("CompId");

DtUserDetails.Columns.Remove("Password");

DtUserDetails.Columns.Remove("UserAccessCode");

DtUserDetails.Columns.Remove("Status");

DtUserDetails.Columns.Remove("StartDate");

DtUserDetails.Columns.Remove("EndDate");

DtUserDetails.Columns.Remove("UserTypeId");

RadGrid1.DataSource = DtUserDetails;

}

#endregion

protected void RadGrid1_ItemCommand1(object sender, GridCommandEventArgs e)

{

if (e.CommandName == RadGrid.EditCommandName)

{

RadGrid1.MasterTableView.IsItemInserted = false; //Close Insert Form When EditMode Is Open

}

if (e.CommandName == RadGrid.InitInsertCommandName)

{

RadGrid1.MasterTableView.ClearEditItems(); //Close EditMode Form When Insert Mode Is Open

}

//To Find Delete & Edit Columns And Hide Their Text While Exporting Grid To PDF & Excel & Word

if (e.CommandName == RadGrid.ExportToPdfCommandName || e.CommandName == RadGrid.ExportToExcelCommandName || e.CommandName == RadGrid.ExportToCsvCommandName || e.CommandName == RadGrid.ExportToWordCommandName)

{

RadGrid1.MasterTableView.GetColumn("EditColumn").Visible = false;

RadGrid1.MasterTableView.GetColumn("DeleteColumn").Visible = false;

}

Please Want some help,
Thanks

Grid

answered on 27 Nov 2013

1 answer

111 views

iframe with pdf content crashes IE 8

I have a lightbox with an iframe in the item template that loads pdfs from an httphandler. In chrome this works fine however it completely crashes IE 8 no matter how I attempt to load the pdf up (direct src, another .aspx with iframe content etc...). An iframe loading the pdf content alone seems to work just fine however.

Here is my lightbox as declared:

Any suggestions?

<telerik:RadLightBox ID="helpFrame" runat="server" Width="1000px"

Height="730px" Modal="True" ShowNextButton="False" ShowPrevButton="False"

PreserveCurrentItemTemplates="true" RenderMode="Lightweight" ClientSettings-ClientEvents-OnLoad="helpLoad">

<ClientSettings>

<AnimationSettings HideAnimation="Resize" ShowAnimation="Resize" />

</ClientSettings>

<Items>

<telerik:RadLightBoxItem>

<ItemTemplate>

<iframe clientidmode="Static" id="helpIFrame" height="100%" width="100%"></iframe>

</ItemTemplate>

</telerik:RadLightBoxItem>

</Items>

</telerik:RadLightBox>

LightBox

answered on 26 Nov 2013

3 answers

278 views

[Solved] $find returning null

I am trying to determine why a Rad Rotator on one of our pages has stopped displaying it's items. When the page loads, it should display an image but no longer does. I can see in the source that the images are there, but hidden. I noticed that our javascript that tries to change to the next item is getting null for the rotator:

function showNextItem(dir) {

var oRotator = $find('<%= RadRotator1.ClientID %>');

if (dir == 0) {

oRotator.showNext(Telerik.Web.UI.RotatorScrollDirection.Right);

}

else {

oRotator.showNext(Telerik.Web.UI.RotatorScrollDirection.Left);

}

for the rotator declared:

<tr:RadRotator ID="RadRotator1" runat="server" ...>

In the script above $find returns null. I'm not sure what's going on.

What is really confusing is this page belongs to an internal SharePoint extranet site. This site is extended to a public internet site. On the internal site, the rotator works. It's only not working on the external site. If you're not familiar with this model, the sites have their own configuration and IIS application, but both serve the exact same page. So I don't believe it's anything to do with the script above or the declaration of the rotator control.

Rotator

answered on 26 Nov 2013

9 answers

498 views

Html encoding problems

Hi,

What is the deal with html encoding in RadDropDownList?
Can't make it work correctly...

I suppose that we should html encode the text property of the items?
But even if doing so, there will problems when selecting items...

See the following sample:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="dropdownlist.aspx.vb" Inherits="TestaTredjepartWeb.dropdownlist" %>

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body>

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

<asp:ScriptManager ID="s" runat="server">

</asp:ScriptManager>

<div>

<telerik:RadDropDownList ID="ddl" runat="server">

</telerik:RadDropDownList>

</div>

</form>

</body>

</html>

Code behind:

Public Class dropdownlist

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

ddl.Items.Add(New Telerik.Web.UI.DropDownListItem(HttpUtility.HtmlEncode("<script>alert('hello1');</script>"), "1"))

ddl.Items.Add(New Telerik.Web.UI.DropDownListItem(HttpUtility.HtmlEncode("<script>alert('hello2');</script>"), "2"))

End Sub

End Class

When selecting item 2 in the dropdown the alert will display (hello2) and the text in the dropdown will be empty.
Is there any workaround for this?

Regards
Andreas

DropDownList

answered on 26 Nov 2013

4 answers

290 views

set_text not working all the time

I use a button click event to show RadNotification and start the auto updates. On hide event I stop the auto updates.
I have the default text configured, and I also reset it again to the same value in button click event, before starting auto updates and calling show().
The interval is 3 seconds, so I expect the text "Retreiving PIN number" to be displayed until the first auto update occurs, yet that does not work always. The firs time I load the page and the notification shows up, it is always empty. After that, only on occasion does the default text show up. Most of the times it shows the text from the last auto update. What may be the cause.

<telerik:RadButton ID="ButtonPairAndroid" runat="server"

Text="Pair Android Device" Width="230px" OnClick="ButtonPairAndroid_Click" OnClientClicking="CallClientShow" CausesValidation="False" />

<telerik:RadNotification ID="RadNotification1" runat="server" Height="110px" Position="Center" Text="Retreiving PIN number" Title="Device Pairing" Width="350px" AutoCloseDelay="0" OnCallbackUpdate="OnCallbackUpdate" UpdateInterval="0" LoadContentOn="TimeInterval" OnClientHidden="OnClientHidden">

</telerik:RadNotification>

<telerik:RadScriptBlock ID="block" runat="server">

<script type="text/javascript">

function CallClientShow(sender, args) {

var notification = $find("<%=RadNotification1.ClientID %>");

notification.set_updateInterval(3000);

notification.set_text("Retreiving PIN number");

notification.show();

args.set_cancel(false);

}

function OnClientHidden(sender, eventArgs) {

var notification = $find("<%=RadNotification1.ClientID %>");

notification.set_updateInterval(0);

}

</script>

</telerik:RadScriptBlock>

Notification

answered on 26 Nov 2013

1 answer

93 views

Assigning ProgressArea to one particular control

Hi Team,
We are using RadAsyncUpload in one of our page. For that we use ProgressArea also. My problem is, I am using other FileUpload(Normal aspx control) in my page. If I am uploading some stuff's through that control(by aspx FileUpload) progress area shows for that also. Can you suggest me a solution so that Progress area is displayed only when I upload through async Upload.

I have tried the through the javascript
function OnClientFileUploading2(sender, args) {
var pa2 = $find("RadProgressArea2");
pa2.set_visible(true);
}

Since I use many FileUpload controls , I don't want all the FileUpload's to set that as invisible.

ProgressArea

answered on 26 Nov 2013

1 answer

124 views

hide the filter icon

Hi,
how to hide the filter icon only of a column in radgrid.

Grid

answered on 26 Nov 2013

3 answers

113 views

[Solved] Incorrectly rendered rad controls

Recently I bought a new laptop. I am migrating my tools from my old laptop to the new one. I have 2011 Q3 version of the Rad Controls. My new laptop has Windows 8 and I am trying out Visual Studio 13 Preview version. My code compiles without any error but when I run my web site Rad Controls do not render properly.

I researched and found out two possible causes - 1) Enable JavaScript in browsers and 2) Register Telerik.Web.UI.dll in GAC. I tried both workarounds but still my pages are not rendering telerik controls correctly.

Is there anything else I can check?

Thanks in advance for your help!

General Discussions

answered on 26 Nov 2013

3 answers

140 views

IE 11 Bugs still Exist with Browser File

http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/incorrectly-rendered-webpage-when-using-internet-explorer-11.aspx

In the above post the Telerik Admin suggested a browser file fix which worked very well for my Windows 7, IE 11 machine.

However it did not fix Windows 8.1 IE11. The problem exists until you switch to compatibility mode.

Is there something else we can do to the browser file until we resolve the impact of upgrading to .Net 4.5?

thanks,

Tim Kelley

General Discussions

answered on 26 Nov 2013

4 answers

197 views

[Solved] Radgrid with Dynamic Columns bound to excelworkbook dropping columns

I have an excelworkbook the user has saved to the server.
I have a radgrid that is being databound to this excel workbook.
This workbook can have varying number of columns so I cannot hardcode the columns

Each column will have various datatypes in them.. For example
Column 1 will be mixed alphanumeric values
Column 2 will be dates
Column 3 will be mixed alphanumerics

When I bind the excelworkbook to the radgrid all of the alpha numeric columns (Letters and numbers) do not show up..

ANy idea on how to fix this issue?

I am using the following code plex project to translate the excel workbook into a dataset with tables for each tab in the excel workbook:
http://exceldatareader.codeplex.com/

The code that actual binds the radgrid:

protected DataSet Data

{

get

{

if (Application["data"] == null)

{

return null;

}

return Application["data"] as DataSet;

}

private void ImportFromExcel()

{