Questions on UI for ASP.NET AJAX Forum

2 answers

88 views

I have grids utilizing FormTemplates for adding and editing grid data. Normally we are able to tab through the controls after bringing up the modal, but for some reason checkboxes are always skipped. We would really rather not manually set tab indexes on every control in every edit template in every grid in our application. Is there some straightforward way to fix this?

Here's an example form template used for an edit modal:

<EditFormSettings

CaptionFormatString="Edit Phone Number"

InsertCaption="Add New Phone Number"

EditFormType="Template">

<FormTemplate>

<table id="phoneEditForm"

cellspacing="1"

cellpadding="1"

width="100%">

<tr>

<td>

<des:LocalizableLabel

ID="phoneTypeLabel"

runat="server"

Text="Type">

</des:LocalizableLabel>

</td>

<td>

<aec:TelerikDropDown

ID="phoneTypeDdl"

runat="server"

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

DataSourceID="sqlPhoneTypeLookupList"

DataTextField="Telephone_Type_Desc"

DataValueField="Telephone_Type_Desc"

DefiningLabelID="phoneTypeLabel"

Purpose="Required"

Width="150px">

</aec:TelerikDropDown>

</td>

</tr>

<tr>

<td>

<des:LocalizableLabel

ID="phoneNumberLabel"

runat="server"

Text="Number*">

</des:LocalizableLabel>

</td>

<td>

<aec:TelerikMaskedTextBox

ID="phoneNumber"

runat="server"

TextWithLiterals='<%# Bind("Number") %>'

Mask="(###) ###-####"

DefiningLabelID="phoneNumberLabel"

MaxLength="10">

</aec:TelerikMaskedTextBox>

<asp:RequiredFieldValidator

ID="phoneValidator"

runat="server"

ControlToValidate="phoneNumber"

ErrorMessage="Number is required."

Display="None ">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

<des:LocalizableLabel

ID="primaryLabel"

runat="server"

Text="Primary">

</des:LocalizableLabel>

</td><td>

<aec:TelerikCheckBox

ID="primaryCheckBox"

runat="server"

Checked='<%# Bind("Is_Primary_Number_Flag") %>'

DefiningLabelID="primaryLabel">

</aec:TelerikCheckBox>

</td>

</tr>

<tr>

<td>

<des:LocalizableLabel

ID="extensionLabel"

runat="server"

Text="Extension">

</des:LocalizableLabel>

</td>

<td>

<aec:TelerikTextBox

ID="extension"

runat="server"

Text='<%# Bind("Extension") %>'

DefiningLabelID="extensionLabel"

MaxLength="4">

</aec:TelerikTextBox>

</td>

</tr>

<tr>

<td>

<des:LocalizableLabel

ID="phoneNoteLabel"

runat="server"

Text="Note">

</des:LocalizableLabel>

</td>

<td>

<aec:TelerikTextBox

ID="phoneNote"

runat="server"

Text='<%# Bind("Note") %>'

DefiningLabelID="phoneNoteLabel"

TextMode="MultiLine"

Width="300px"

Height="120px">

</aec:TelerikTextBox>

</td>

</tr>

</table>

<AERadGrid:EditFormSaveCancelButtons

ID="phoneNumbersEditFormButtons"

runat="Server">

</AERadGrid:EditFormSaveCancelButtons>

</FormTemplate>

</EditFormSettings>

Grid

answered on 08 Jul 2013

7 answers

336 views

RadAsyncUpload

I want the FileUploaded button to enable a submit button on the page. What's the most simple way of doing this?

AsyncUpload

answered on 08 Jul 2013

5 answers

195 views

Input disappears after cancelling and removing in progress upload

I have an AsyncUpload control with the following settings:

MaxFileInputsCount = 3
InitialFileInputsCount = 1
AutoAddFileInputs = True

And the rest set to defaults.

If I individually select and start uploading three large files so that they are all in progress, and then hit cancel and remove on one of the uploads before any of them have completed, I no longer get a file input row and am only able to upload two files now even if I remove the other uploads.

If I wait until one of the uploads if finished, the input row will appear as expected.

AsyncUpload

answered on 08 Jul 2013

1 answer

257 views

Clear Series ! Help me

Hi Telerik Support,
I have a RadChartHtml, in code behind, I add series to radChartHtml, This is code I define char on Source

<telerik:RadHtmlChart ID="rhcChart" runat="server" Transitions="true"

Skin="Forest" Width="1250px" Height="600px">

<PlotArea>

<XAxis AxisCrossingValue="0" Color="#b3b3b3" MajorTickType="Outside" MaxValue="12" MinValue="1" MajorTickSize="1"

MinorTickType="Outside" Reversed="False" Step="1">

<TitleAppearance Text="Months of Year">

</TitleAppearance>

</XAxis>

<YAxis AxisCrossingValue="0" Color="#b3b3b3" MajorTickSize="1" MajorTickType="Outside"

MaxValue="9000000" MinorTickSize="1" MinorTickType="Outside" MinValue="0" Reversed="false"

Step="1000000">

<TitleAppearance Position="Center" RotationAngle="0" Text="Dollars">

</TitleAppearance>

<LabelsAppearance DataFormatString="{0}$" RotationAngle="0">

</LabelsAppearance>

</YAxis>

</PlotArea>

<Legend>

<Appearance Visible="True" Position="Bottom">

</Appearance>

</Legend>

</telerik:RadHtmlChart

>

In code Behind



void BuildChart(string BICode, string RevName)
        {
 
            var data = Pnl.GetPnLDataByMonthAndYearAndBICode("2012", "1,2,3,4,5,6,7,8,9,10,11,12", BICode);
            ScatterLineSeries series1 = new ScatterLineSeries();
            series1.Name = RevName;
            series1.LabelsAppearance.Visible = false;
            series1.TooltipsAppearance.BackgroundColor = Color.White;
            series1.TooltipsAppearance.DataFormatString = "{1} $,";
 
 
            for (int i = 0; i <= data.Count - 1; i++)
            {
                SeriesItem seriesItem = new SeriesItem(data[i].month, data[i].AMOUNT);
 
                series1.Items.Add(seriesItem);
            }
 
            rhcChart.PlotArea.Series.Add(series1);
         
        }

This is my code remove series, when click to Remove


rhcChart.PlotArea.Series.RemoveAt(2);

Plz help me :(
Thanks before !

Chart (HTML5)

answered on 08 Jul 2013

1 answer

99 views

Restore Old Skin to Combobox after telerik upgrade

Hi,
we have upgraded telerik to the latest version, and so the UI of the controls have changed yet we have not changed the Skin of the controls (which is Outlook)

before upgrade UI of the combobox was as per the image "old.png", which has changed to 'new.png" after the upgrade.

we want to change the UI of the combobox to the old version.
can you guide us on how to achieve this?

Thanks.

ComboBox

answered on 08 Jul 2013

2 answers

104 views

AsyncUpload - Additional Fields

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

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

88 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

518 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

70 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