Questions on UI for ASP.NET AJAX Forum

9 answers

346 views

I am using Q3 2008 radmenu.

In the drop down menus, on the left, there is a spot there for if I want an image. I don't want an image, so how can I remove that extra space to the left of the text that is reserved for a menu image?

thanks.

Menu

answered on 02 Dec 2011

1 answer

70 views

set focus to radalert ok button on server side

could anyone tell me how to set focus to radalert ok button on server side

Window

answered on 02 Dec 2011

1 answer

83 views

RadComboBox with RadTooltipManager

Hi
i don´t know if i must write this thread in this forum or in tooltip's forum. but here go!!

i want put custom radtooltip in the radcombobox's items with radtooltipmanager or radtooltip.
help please

ComboBox

answered on 02 Dec 2011

3 answers

149 views

Trying to export my grid, exports entire aspx page instead

Either grid on this page will, instead of exporting the grid and it's data, give me an export of the entire aspx page.
I have no idea what is going on with. Things work fine with the export on the other pages, at least I do get an excel file.

If anyone has any ideas, I would appreciate the feedback.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RMAGenerator.aspx.cs" Inherits="ECSMT.RMAGenerator" %>

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

<!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>JDE RMA Grid Creation</title>

<script src="/Scripts/modernizr-2.0.6.min.js" type="text/javascript"> </script>

<style>

section

{

background: #cfdbe6;

margin: 20px;

padding: 5px;

border-radius: 10px;

box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);

background: cfdbe6;

width: 95%;

color: #696969;

font-size: 12px;

}

section h1 {font-size: 16px; font-weight: bold; color:Navy }

section h2 {font-size: 12px; font-weight: bold; text-decoration: underline}

.MyImageButton

{

cursor: hand;

}

.EditFormHeader td

{

font-size: 14px;

padding: 4px !important;

color: #0066cc;

}

</style>

</head>

<body>

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

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

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rgrdRMA">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rbtnAppend">

<UpdatedControls>

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

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

</UpdatedControls>

</telerik:AjaxSetting>

<%-- <telerik:AjaxSetting AjaxControlID="rbtnExport">

<UpdatedControls>

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

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

</UpdatedControls>

</telerik:AjaxSetting>--%>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" Width = "100%" Height="100%">

</telerik:RadAjaxLoadingPanel>

<h3>RMA Generator</h3>

<h1>CEI:<asp:Label ID="lblCEI" runat="server" Text="0"></asp:Label>

CMT:<asp:Label ID="lblCMT" runat="server" Text="0"></asp:Label></h1>

<h3><asp:Label ID = "lblCustInfo" runat="server" Text="Customer Information" ></asp:Label></h3>

<telerik:RadGrid ID="rgrdRMA" runat="server" GridLines="Both" Skin="Windows7" AllowPaging="False" AllowSorting="false"

AutoGenerateColumns="False" OnNeedDataSource="rgrdRMA_NeedDataSource" OnUpdateCommand="rgrdRMA_UpdateCommand"

OnInsertCommand="rgrdRMA_InsertCommand" OnDeleteCommand="rgrdRMA_DeleteCommand" ShowStatusBar="true">

<MasterTableView Width="100%" CommandItemDisplay="Top" DataKeyNames="RowNumber"

AutoGenerateColumns="False" EditMode="InPlace" >

<Columns>

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn">

</telerik:GridEditCommandColumn>

<telerik:GridDropDownColumn DataField="LastDispo" DataSourceID="SqlDataSource1"

HeaderText="LastDispo" ListTextField="DescOne" ListValueField="LastDispo"

UniqueName="LastDispo" >

</telerik:GridDropDownColumn>

<telerik:GridDropDownColumn DataField="LITM" DataSourceID="SqlDataSource2"

HeaderText="LITM" ListTextField="DSC" ListValueField="LITM"

UniqueName="LITM" >

</telerik:GridDropDownColumn>

<telerik:GridNumericColumn UniqueName="ReturnQty" SortExpression="ReturnQty" HeaderText="ReturnQty"

DataField="ReturnQty" />

<telerik:GridDropDownColumn DataField="ReturnEquipNum" DataSourceID="EquipmentForReceipt"

HeaderText="ReturnEquipNum" ListTextField="BigDescrip" ListValueField="ReturnEquipNum"

UniqueName="ReturnEquipNum" >

</telerik:GridDropDownColumn>

<telerik:GridBoundColumn UniqueName="ReturnSerialNum" SortExpression="ReturnSerialNum" HeaderText="ReturnSerialNum"

DataField="ReturnSerialNum" ReadOnly="true" />

<telerik:GridBoundColumn UniqueName="IncomingLocCode" SortExpression="IncomingLocCode" HeaderText="IncomingLocCode"

DataField="IncomingLocCode" />

<telerik:GridDropDownColumn DataField="ShipToAddr" DataSourceID="ShipTosFilteredByCMT"

HeaderText="ShipToAddr" ListTextField="ShipToAddr" ListValueField="ShipToAddr"

UniqueName="ShipToAddr" >

</telerik:GridDropDownColumn>

<telerik:GridNumericColumn UniqueName="ReplacementQty" SortExpression="ReplacementQty" HeaderText="ReplacementQty"

DataField="ReplacementQty" />

<telerik:GridNumericColumn UniqueName="ReplacementEquipID" SortExpression="ReplacementEquipID" HeaderText="ReplacementEquipID"

DataField="ReplacementEquipID" />

<telerik:GridBoundColumn UniqueName="OutgoingLocCode" SortExpression="OutgoingLocCode" HeaderText="OutgoingLocCode"

DataField="OutgoingLocCode" />

<telerik:GridBoundColumn UniqueName="RequestedShipDate" SortExpression="RequestedShipDate" HeaderText="RequestedShipDate"

DataField="RequestedShipDate" ReadOnly="true"/>

<telerik:GridButtonColumn UniqueName="DeleteColumn" CommandName="Delete" ButtonType="LinkButton" Text="Delete" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:Table ID="tblControls" runat="server" Width="100%">

<asp:TableRow Width = "100%">

<asp:TableCell Width="20%" HorizontalAlign="Right" >

<h1>Append RMA Product For</h1>

</asp:TableCell>

<asp:TableCell Width="30%" HorizontalAlign="Right" >

<telerik:RadComboBox ID="rcmbProduct" Runat="server" Width="100%" AutoPostBack="true" ></telerik:RadComboBox>

</asp:TableCell>

<asp:TableCell Width="10%" HorizontalAlign="Left" >

<telerik:RadButton ID="rbtnAppend" runat="server" Text="Append" OnClick="rbtnAppend_Click" AutoPostBack="true"></telerik:RadButton>

</asp:TableCell>

<asp:TableCell Width="40%" HorizontalAlign ="Justify">

<telerik:RadButton ID="rbtnExport" runat="server" Text="Export" OnClick="rbtnExport_Click" AutoPostBack="true"></telerik:RadButton>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow >

<asp:TableCell Width="20%" HorizontalAlign="Center" >

<asp:Label ID="lblCurPC" Text="Current PC:" runat="server"></asp:Label>

</asp:TableCell>

<asp:TableCell Width="20%" HorizontalAlign="Center" >

<asp:Label ID="lblCurPCType" Text="Current PC Type:" runat="server"></asp:Label>

</asp:TableCell>

<asp:TableCell Width="20%" HorizontalAlign="Center" >

<asp:Label ID="lblCurScreenSKU" Text="Current Screen SKU :" runat="server"></asp:Label>

</asp:TableCell>

<asp:TableCell Width="40%" HorizontalAlign ="Center">

</asp:TableCell>

</asp:TableRow>

</asp:Table>

<telerik:RadGrid ID="rgrdExpXl" runat="server" GridLines="Both" Skin="Windows7" AllowPaging="False"

AutoGenerateColumns="False" OnNeedDataSource="rgrdExpXl_NeedDataSource" >

<MasterTableView Width="100%" AutoGenerateColumns="False" >

<Columns>

<telerik:GridBoundColumn DataField="LastDispo" HeaderText="" UniqueName="LastDispo" />

<telerik:GridBoundColumn DataField="LITM" HeaderText="" UniqueName="LITM" />

<telerik:GridNumericColumn UniqueName="ReturnQty" HeaderText="" DataField="ReturnQty" />

<telerik:GridBoundColumn DataField="ReturnEquipNum" HeaderText="" UniqueName="ReturnEquipNum" />

<telerik:GridBoundColumn UniqueName="ReturnSerialNum" HeaderText="" DataField="ReturnSerialNum" />

<telerik:GridBoundColumn UniqueName="RequestedShipDate" HeaderText="" DataField="RequestedShipDate" />

<telerik:GridBoundColumn DataField="LITM" HeaderText="" UniqueName="LITM2" />

<telerik:GridBoundColumn DataField="ShipToAddr" HeaderText="" UniqueName="ShipToAddr" />

<telerik:GridNumericColumn UniqueName="ReplacementEquipID" HeaderText="" DataField="ReplacementEquipID" />

<telerik:GridNumericColumn UniqueName="ReplacementQty" HeaderText="" DataField="ReplacementQty" />

<telerik:GridNumericColumn UniqueName="ReturnQty2" HeaderText="" DataField="ReturnQty" />

<telerik:GridNumericColumn UniqueName="LineNumber" HeaderText="" DataField="LineNumber" />

<telerik:GridBoundColumn UniqueName="IncomingLocCode" HeaderText="" DataField="IncomingLocCode" />

<telerik:GridBoundColumn UniqueName="OutgoingLocCode" HeaderText="" DataField="OutgoingLocCode" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:JDECommon %>"

ProviderName="System.Data.SqlClient" SelectCommand="uspGetLastDispoForRMAGrid">

</asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:JDECommon %>"

ProviderName="System.Data.SqlClient" SelectCommand="uspGetRMASKUS">

</asp:SqlDataSource>

<asp:SqlDataSource ID="ShipTosFilteredByCMT" runat="server"

ConnectionString="<%$ ConnectionStrings:JDECommon %>"

SelectCommand= "uspGetRMAShipTos @CMT">

<SelectParameters>

<asp:ControlParameter ControlID="lblCMT" Name="CMT"

PropertyName="Text" />

</SelectParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="EquipmentForReceipt" runat="server"

ConnectionString="<%$ ConnectionStrings:JDECommon %>"

SelectCommand= "uspGetRMAOutboundEquipmentForCEI @CEI ">

<SelectParameters>

<asp:ControlParameter ControlID="lblCEI" Name="CEI"

PropertyName="Text" />

</SelectParameters>

</asp:SqlDataSource>

</form>

</body>

<script type="text/javascript">

Modernizr.load([{

load: 'http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1.min.js',

complete: function ()

{

if (!window.jQuery)

{

Modernizr.load('/Scripts/jquery-1.6.1.min.js');

}

},

{

test: Modernizr.borderradius || Modernizr.boxshadow,

nope: '/Scripts/PIE.js',

callback: function ()

{

$('section').each(function ()

{

PIE.attach(this);

});

}

}]);

</script>

</html>

Grid

answered on 02 Dec 2011

1 answer

948 views

How to Create a Dynamic Questionnaire

Good Day Fellows

i have a Dynamic Questionnaire that is created using dynamic data from the Database. My data in the Database contains the fields like

QuestionID - Primary key
Question - The Question Text
Answer - The Answer
Required - This is a Validation , i used this to enable the Required validator in asp.net
DataType - This is the Datatype, it can be a Heading also.
ReadOnly - This check if that Question is a Read-only , This happens most of the time , when it is a Calculated Field, meaning its values depends on other fields values.
Order - This is the order the Questions will appear
Section - This is the section, So the Questions are Grouped. Normaly in Page1 you will have Questions for Section 1.......
Deleted- This is a bit Field , its either 1 or 0 , 1 is active, so this helps be to Filter only active Questions
QuestionType- This is the Type of Control the Data should be Presented with, It can be a Dropdown ,checkbox or textbox..
QT_ID - There can be many Templates of the Question , this makes sure we use the Correct Template for the Questionnaire

So with this kind of Data , i want to use know , what Telerik Control can i use to achieve this.

Thanks

General Discussions

answered on 01 Dec 2011

11 answers

221 views

Programmatic Creation Columns

Hi all,

Currently I'm creating my Grid at runtime. The problem is that my imagebuttons don't peform the commands.
The DeleteCommand event won't fire, and the UpdateCommand also won't fire.

Can anyone tell me what I'm doing wrong?

I'm using the following code to create my grid:

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="400px" Width="990px">

<telerik:RadGrid ID="DataGrid" runat="server" OnDeleteCommand="DataGrid_DeleteCommand"

OnNeedDataSource="DataGrid_NeedDataSource" OnUpdateCommand="DataGrid_UpdateCommand"

AllowPaging="True" AllowSorting="True" PageSize="20"

GridLines="Horizontal" ShowFooter="True"

ShowStatusBar="True" Width="100%" CellSpacing="0"

AutoGenerateColumns="False" onitemcommand="DataGrid_ItemCommand">

<MasterTableView DataKeyNames="id">

</MasterTableView>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

CS:

DataTable dtFields = DataManager.Instance.GetGridData(0, 1, this.module.DataObject, this.module.DataSource);

foreach (DataColumn dc in dtFields.Columns)

{

if (dc.ColumnName == "id")

continue;

GridBoundColumn gbc = new GridBoundColumn();

gbc.HeaderText = dc.ColumnName;

gbc.DataField = dc.ColumnName;

this.DataGrid.MasterTableView.Columns.Add(gbc);

}

The edit & delete columns:

GridEditCommandColumn gecc = new GridEditCommandColumn();

gecc.ButtonType = GridButtonColumnType.ImageButton;

gecc.EditImageUrl = "~/Images/Icons/87._16x16.png";

this.DataGrid.MasterTableView.Columns.Add(gecc);

GridButtonColumn gbc = new GridButtonColumn();

gbc.ButtonType = GridButtonColumnType.ImageButton;

gbc.ImageUrl = "~/Images/Icons/7._16x16.png";

gbc.CommandName = "Delete";

gbc.ConfirmText = "Weet u zeker dat u dit item wilt verwijderen?";

gbc.ConfirmDialogType = GridConfirmDialogType.RadWindow;

gbc.ConfirmTitle = "Verwijderen";

this.DataGrid.MasterTableView.Columns.Add(gbc);

Grid

answered on 01 Dec 2011

3 answers

176 views

Date picker icon inconcistency

Hi

The RadScheduler control shows a small down-arrow to open the pate picker shows.
The RadDatePicker (like in edit appointment) however shows the more understandable calendar icon.

Is it possible to use/change the scheduler date picker to use the calendar icon?
Is there any workaround to do this for all themes?

Cheers,
Jani

Scheduler

answered on 01 Dec 2011

2 answers

110 views

jQuery docs

Is there any documentation for functions under $telerik that we can use?

I've seen some mention of findControl(), isIE and the like and wondered what else there is.

--
Stuart

Documentation and Tutorials

answered on 01 Dec 2011

3 answers

315 views

DropDownList (rcbSlide) does not line up with ComboBox

Hello Telerik Team,
I have seen multiple postings about this problem but neither examples to reproduce or resolutions. I am providing an example to reproduce so hopefully you'll be able to quickly turnaround a resolution. In my sample, view in a screen width > 1000px to see the problem, and minimize to a width <= 1000 px to see it go away.

<sample type="Test_RadComboBox.aspx">

<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeBehind="Test_RadComboBox.aspx.cs" Inherits="KR.IQ.Test_RadComboBox" %>

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

<!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 id="Head1" runat="server">

<title>Page Title</title>

</head>

<body style="margin:0 auto;width:1000px;position:relative;">

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

<ajax:ToolkitScriptManager ID="ScriptManager" runat="server" EnablePartialRendering="true" CombineScripts="false"></ajax:ToolkitScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="LoadingPanel1" />

<script type="text/javascript">

Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequest);

Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(pageLoaded);

</script>

<div id="container">

<div id="mainBody">

<telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" EnableSkinTransparency="false">

<div class="ajaxLoadingDiv" style="width:200px;height:100px;background-color:white;position:absolute; border:1px solid #3AB2E6;" >

<br />

<center><img src="/Images/Global/Ajax/ajax-loader.gif" alt="loading" />

<br />

<asp:Label runat="server" Text="Loading..." ID="lblProgressTemplateRAD"></asp:Label>

</center>

</div>

</telerik:RadAjaxLoadingPanel>

<div id="fi">

<telerik:RadComboBox ID="radComboBoxFIFilter" runat="server" Width="200px" AppendDataBoundItems="true" CssClass="floatRight">

<Items>

<telerik:RadComboBoxItem Text="SHOW ALL" Value="ALL" />

</Items>

</telerik:RadComboBox>

</div>

</form>

</body>

</html>

</sample>

<sample type="Test_RadComboBox.aspx.cs">

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace KR.IQ

{

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

{

protected void Page_Load(object sender, EventArgs e)

{

FillRadComboBox();

}

/// <summary>

/// Sets up the featured insights control with the filter, default content types and homepage tag

/// </summary>

private void FillRadComboBox()

{

List<KeyValuePair<string, string>> filterItemList = new List<KeyValuePair<string, string>>()

{

new KeyValuePair<string, string>("One", "1"),

new KeyValuePair<string, string>("Two", "2"),

new KeyValuePair<string, string>("Three", "3")

};

radComboBoxFIFilter.DataValueField = "key";

radComboBoxFIFilter.DataTextField = "value";

radComboBoxFIFilter.DataSource = filterItemList;

radComboBoxFIFilter.DataBind();

}

</sample>

The problem is with page layouts that center the content of the body. This is done by a minimum of the following CSS styles on the body (included in my sample) but might be applied to an inner container:

* Auto margins left and right - margin: 0 auto;
* Fixed width for content - width: 1000px;
* Relative positioning - position: relative;

If the browser window makes the viewable width <= the fixed width, there is no problem with the RadComboBox DropDownList (rcbSlide) placement. However, if the viewable width is > the fixed width then the DropDownList (rcbSlide) is not positioned correctly. (In my case, my screen is 1280px wide.)
I have checked a few of other sites (arstechnica.com, apple.com, telerik.com) to see how they center their master content and they are using the same or a similar technique for centering horizontally (i.e, margin: 0 auto;). Could you please offer some advice on how to resolve this issue?

Thanks much,

Gregory Schilsson

ComboBox

answered on 01 Dec 2011

2 answers

95 views

Cabghe "Grouping" style

Hi,
I've the graphic request for the grid in modality "Grouping",

1) (Red Double-Arrows in attached image)
I would resize the width of GridGroupSplitterColumn. How do I do ?

2) (Green Double-Arrows in the attached image)
I would resize the space beetween the start of detail and the first GridGroupByField

3) (Blue Circle in the attached image)
I would hide the FieldAlias.

<telerik:GridGroupByField FieldName="INFO_GAME" FieldAlias="»" HeaderValueSeparator=" "> </telerik:GridGroupByField>

Thanks a lot,
Marco

Grid

answered on 01 Dec 2011