Questions on UI for ASP.NET AJAX Forum

6 answers

311 views

Hello everyone,

I will try to explain what i need to do.

I'm using one GridDateTimeColumn inside of him i've the property PickerType="DatePicker".

It's all working fine, but i need to use a custom text. The DatePicker pop-up text is Open the calendar popup, but i need to change this.

There is anyway to change this text?

Thank you.

General Discussions

answered on 24 Oct 2013

1 answer

167 views

TileRows

Unless I'm missing something, TileRows seems pretty inflexible. There is no way ahead of time to know a users screen size so I have to set the number of rows for what fits on a low resolution screen. This leaves a huge amount of unused screen space for users running higher resolutions.

Is there a way to set the number of rows on the client-side?

Also, is it possible to hack a different number of rows between groups? I am using a custom (70 x 70) tile for some items and I'd like more rows in the groups that have them.

Overall, I'd say specifying a number of rows was a bad idea and it should be whatever fits in the height of the TileListView. Especially since scrolling is horizontal only.

TileList

answered on 24 Oct 2013

1 answer

117 views

[Solved] Change the position of upload icon

Hi

During upload operation a blinking icon and a stable green icon is displayed on the left of the file name. How can I have the same on the right side of the filename? Is there any possible tweak?

Thankyou
Dona

AsyncUpload

answered on 24 Oct 2013

3 answers

132 views

[Solved] ComboBox causing RadGrid Ajax to not respond

Hi,
Please note that I am using an older version of Telerik (v: 2009.02.0701.35).

I am creating a simple RadGrid, each record in the grid has 2 values (city and name). For one of those values (city - type string) I want to use a combobox for editing where the user can also type in a custom value. This all works great. I then added AJAX using the AJAX controls and now when I go to edit mode and either click cancel or update the AJAX loading panel stays on the screen. The values have updated but you can only see that if you refresh the page (F5) or if I disable Ajax then everything works as expected. The culprit is the Combo box (if I remove it then everything works) but I am not sure why. What am I missing?

See my attached screen shot of what happens when clicking either Cancel or Update.

Here is my ASPX code (using .NET 4.0 and Visual Studio 2010).

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

<radG:RadGrid id="grdParkingLocations" runat="server" Width="600px" enableajax="True" GridLines="None"

PageSize="999" AllowMultiRowSelection="False" ShowStatusBar="true"

AllowPaging="False" AllowSorting="False" AutoGenerateColumns="False"

AllowAutomaticDeletes="False" AllowAutomaticInserts="False" AllowAutomaticUpdates="False"

OnNeedDataSource="grdParkingLocations_NeedDataSource"

OnItemDataBound="grdParkingLocations_OnItemDataBound"

OnUpdateCommand="grdParkingLocations_UpdateCommand"

OnInsertCommand="grdParkingLocations_InsertCommand"

OnDeleteCommand="grdParkingLocations_DeleteCommand">

<MasterTableView DataKeyNames="ParkingLocationId" AutoGenerateColumns="False" CommandItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnCurrentPage">

<CommandItemSettings AddNewRecordText="New location"/>

<Columns>

<radG:GridEditCommandColumn ButtonType="ImageButton" HeaderText="Edit"/>

<radG:GridButtonColumn ConfirmText="Delete this parking location?" HeaderText="Delete" ConfirmDialogType="RadWindow" ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete"/>

<radg:GridBoundColumn UniqueName="Name" DataField="Name" HeaderText="Name" ItemStyle-Width="300px"/>

<radG:GridTemplateColumn UniqueName="City" DataField="City" HeaderText="City" ItemStyle-Width="300px">

<FooterTemplate>Template footer</FooterTemplate>

<FooterStyle VerticalAlign="Middle" HorizontalAlign="Center" />

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "City")%>

</ItemTemplate>

<EditItemTemplate>

<radG:RadComboBox runat="server" ID="radComboCity"

AllowCustomText="True"

Height="140px" Width="220px"

DropDownWidth="420px"

OnLoad="radComboCity_OnLoad"

SelectedValue='<%#Bind("City") %>'/>

</EditItemTemplate>

</radG:GridTemplateColumn>

</Columns>

</MasterTableView>

</radG:RadGrid>

<radG:RadAjaxLoadingPanel ID="LoadingPanelParkingLocations" runat="server"/>

<radG:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="True">

<AjaxSettings>

<radG:AjaxSetting AjaxControlID="grdParkingLocations">

<UpdatedControls>

<radG:AjaxUpdatedControl ControlID="grdParkingLocations" LoadingPanelID="LoadingPanelParkingLocations"/>

</UpdatedControls>

</radG:AjaxSetting>

</AjaxSettings>

</radG:RadAjaxManager>

The radComboCity_OnLoad method loads the list into the RadComboBox. If you want to see the code behind let me know and I will paste it but I am not doing anything important there.

Thanks in advance for any help you can provide (with the exception of updating my version because I don't make those decisions in the company).

-Igor

Grid

answered on 24 Oct 2013

7 answers

1.0K+ views

client side validation in radgrid.

Hi,
I need to validate a control inside the radgrid (If empty show message). Here is what i have comeup with. But this doesn't seem to be working.
Thanks in advance

<%@ Page Title="" Language="VB" MasterPageFile="~/master/default.master" AutoEventWireup="false" CodeFile="SubProductOrSrvcAdminstration.aspx.vb" Inherits="EncoreBMF_SubProductOrSrvcAdminstration" %>

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

<%@ Register assembly="System.Web.Entity, Version=3.5.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" namespace="System.Web.UI.WebControls" tagprefix="asp" %>

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

</asp:Content>

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

<style type="text/css">

div.ex

{

width:480px;

padding:10px;

border:2px solid gray;

margin:0px;

}

</style>

<asp:ValidationSummary ID="ValidationSummary1" runat="server" Enabled="true" ForeColor="Red" HeaderText="Errors:"

ShowSummary="true" DisplayMode="List" />

<telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="all">

</telerik:RadFormDecorator>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ValidationSummary1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ValidationSummary1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rgSubProdOrSvc">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgSubProdOrSvc" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

<script type="text/javascript">

function clientSubsvcValidation(source, arguments) {

var currentCell = source.parentNode;

var currentRow = currentCell.parentNode

//get a reference to the calling validator control

var CustomValidator1 = source.id;

//get the value of the GridBoundColumn 'salesperson'

var SubSvcID;

var SubSvcName;

SubSvcID = $telerik.findElement(currentRow, CustomValidator1.replace('CustomValidator1', 'EncoreProductSubServiceId')).value

SubSvcID = $telerik.findElement(currentRow, CustomValidator1.replace('CustomValidator1', 'SubServiceName')).value

}

</script>

</telerik:RadCodeBlock>

<div class="ex"> Sub-Products / Services Administration

<hr runat="server" id="Hr1" style="border-color: #659EC7" />

<br />

<telerik:RadGrid ID="rgSubProdOrSvc" runat="server" GridLines="None"

DataSourceID="edsProductSubService"

AutoGenerateColumns="False"

>

<MasterTableView

DataSourceID="edsProductSubService"

DataKeyNames="EncoreProductSubServiceId"

EditMode ="InPlace"

AllowAutomaticInserts="false"

AllowAutomaticUpdates="false"

AllowAutomaticDeletes="false"

CommandItemDisplay= "TopAndBottom"

>

<NoRecordsTemplate><div>Click on the plus(+)sign above to add a Sub-Product to the grid.</div></NoRecordsTemplate>

<EditItemTemplate>

<asp:CheckBox ID="chkIsActive" runat="server" Checked = '<%# Eval("IsActiveFlag") %>' />

<asp:TextBox ID="txtsubSvcName" runat="server" Text='<%# Eval("SubServiceName") %>'></asp:TextBox>

<asp:CustomValidator ID="CustomValidator1" ControlToValidate="txtsubSvcName"

ClientValidationFunction="clientSubsvcValidation"

Display="Dynamic" ErrorMessage="Not an even number!"

Text="Please enter a valid Sub-product name" Font-Name="verdana" Font-Size="10pt"

runat="server" />

<%-- <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="txtsubSvcName" ErrorMessage="Please enter a valid Sub-product name" Display="Dynamic" runat="server">*

</asp:RequiredFieldValidator> OnServerValidate="ServerUnitPriceValidation" --%>

<asp:TextBox ID="txtSvcShortName" runat="server" Text='<%# Eval("SubServiceShortName") %>'></asp:TextBox>

</EditItemTemplate>

<%-- <ItemTemplate>

<asp:CheckBox ID="chkIsActiveIT" runat="server" Checked='<%# Eval("IsActiveFlag") %>'></asp:CheckBox>

<asp:Label ID="lblsubSvcName" runat="server" Text='<%# Eval("SubServiceName") %>'></asp:Label>

<asp:Label ID="lblsubSvcShortName" runat="server" Text='<%# Eval("SubServiceShortName") %>'></asp:Label>

</ItemTemplate>--%>

<CommandItemSettings ExportToPdfText="Export to Pdf" />

<Columns>

<telerik:GridEditCommandColumn >

</telerik:GridEditCommandColumn>

<telerik:GridCheckBoxColumn DataField="IsActiveFlag" HeaderText="Inactive"

UniqueName="Inactive">

</telerik:GridCheckBoxColumn>

<telerik:GridBoundColumn DataField="SubServiceName"

HeaderText="Sub-prod/svc Name" UniqueName="SubServiceName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SubServiceShortName"

HeaderText="Short Name" UniqueName="SubServiceShortName">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn UniqueName="EditCommandColumn1">

</EditColumn>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

<asp:EntityDataSource ID="edsProductSubService" runat="server"

ConnectionString="name=Entities" DefaultContainerName="Entities"

EntitySetName="EncoreProductSubService"

Select="it.[EncoreProductSubServiceId], it.[IsActiveFlag], it.[SubServiceName], it.[SubServiceShortName] ">

</asp:EntityDataSource>

<br />

<%-- </div>--%>

<asp:LinkButton ID="lnkAddBundl" runat="server">Add Sub-prod / svc</asp:LinkButton>

<br />

</div>

Grid

answered on 24 Oct 2013

1 answer

175 views

HyperLink Manager: Add data- field?

I see that I can customize the hyperlink manager by removing fields, but is it possible to add an extra field? I'd like for the user to be able to add a "data-" attribute to the resulting anchor tag. Is this possible?

Editor

answered on 24 Oct 2013

6 answers

394 views

Number data formating when Export RadGrid excel biff format with template Column

Hi,

I tried to export RadGrid to Excel into Biff format. I have a Template Column format like this :

<telerik:GridTemplateColumn UniqueName="Projection3" DataField="Projection3" HeaderText="Projection 3" HeaderStyle-Width="130px" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right"

Aggregate="Sum" DataType="System.Decimal" FooterStyle-HorizontalAlign="Right" FooterText=" " FooterAggregateFormatString="{0:### ### ### ##0}">

<ItemTemplate>

<%# String.Format("{0:### ### ### ##0;(### ### ### ##0);0}", Eval("Projection3"))%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadNumericTextBox ID="rntbProjection3" runat="server" Width="100%" Text='<%# Bind("Projection3")%>' MaxValue="999999999" MinValue="-999999999" CssClass="NumberAlignRight">

<NumberFormat DecimalDigits="0" />

<IncrementSettings InterceptArrowKeys="false" />

</telerik:RadNumericTextBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

The SuppressColumnDataFormatStrings=True don't work with template column.

Settings of export grid are :

.ExportSettings.IgnorePaging = True
.ExportSettings.ExportOnlyData = True
.ExportSettings.OpenInNewWindow = True
.ExportSettings.SuppressColumnDataFormatStrings = True
.ExportSettings.HideStructureColumns = False

How can change the export format of this column to {0:0} when i export my RadGrid.

ty

Grid

answered on 24 Oct 2013

1 answer

156 views

Item grouping

Does combobox support item grouping? I want a tree like structure to be created inside the combobox without using the item template.
A sample
Smartphone
Apple
Motorola
Laptop
MacBook
HP

like this.

ComboBox

answered on 24 Oct 2013

1 answer

98 views

Telerik Appointment Issue

Hi ,

I have a rad scheduler appointment issue when i have appointment for two days for eg. 18 and 19 which is one appointment for two days. if i want to edit my appointment i can only change from 18. i cannot click or do anything from 19. Please see the attach image which will make more sense of my problem.

Like in image scheduler2.png if i right click i will see the options for edit or delete but if i right click next day(scheduler3.png) it won't give me my options even they are single appointment.

Thank you

Scheduler

answered on 24 Oct 2013

3 answers

336 views

vertical orientation of barcode(Code128)

Hi,

I am quite new to the usage of telerik controls .I have encountered some issues while using the telerik radbarcode control.

I had tried to display a vertical barcode on the page by placing the radbarcode control in DIV and then rotating the div by applying the various transforms and filter/-ms-filter(for IE browser).

This worked fine with all the other browsers except IE8,IE7( though I applied the required filter/-ms-filter). Can you please help me out with this.

window.onload = function () {

if ($.browser.msie && parseInt($.browser.version, 10) == 8) {

document.getElementById('rotateDiv').style.msfilter = "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=1, M21=-1, M22=1, SizingMethod='auto expand')";

document.getElementById('rotateDiv').style.filter = "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"

;

}

</script>

<body>

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

<div id="rotateDiv" style=" margin-top:10px;"> Hello

<telerik:RadBarcode ID="RadBarcode1" runat="server" ShortLinesLengthPercentage="70" ShowChecksum="False" Type="Code25Interleaved" height="70" Text="0010129000798200"></telerik:RadBarcode></div>

</form>

</body>

Is there any property which can render the telerik radbarcode vertically???

Thanks,
Deepika

Barcode

answered on 24 Oct 2013