Questions on UI for ASP.NET AJAX Forum

5 answers

177 views

Hi ,
I have only the root tab with few items , the tabs are generated from a datasource . the code generated is like this

<div id="ctl00__RadTabStrip1" class="RadTabStrip RadTabStrip_Suntab RadTabStripTop_Suntab ">
<div class="rtsLevel rtsLevel1">
<ul class="rtsUL"><li class="rtsLI rtsFirst"><a title="" class="rtsLink rtsSelected" href=""><span class="rtsOut"><span class="rtsIn"><span class="rtsTxt">Overview</span></span></span></a></li></ul>
</div>

I need to change the class name of ul from rtsUL to something else . How is this possible?

Thanks
Thomson

TabStrip

answered on 13 Dec 2013

7 answers

128 views

RadGrid in composite user control

Hi,

I'm trying to use the RadGrid in a composite user control, where some of the features of the RadGrid are to be set dynamically by the user control (and the page the user control is placed on dictates its settings and appearance).

For example:
The user control is told which columns to present to the user and wether sorting is allowed, and then the user control will need to tell all that to the RadGrid so it can initialize itself with the proper columns and settings before databinding.

I'm struggling to make this work, as I don't know at which point in the life cycle I can get hold of the encapsulated RadGrid instance to set its options.
If I do that in the OnInit event of the user control, the RadGrid is not available yet. But as I understand, I need to define the RadGrid columns in its Init event, and I only know its required settings after the Init event has already passed.

I've tried placing a RadGrid declaratively in the user control, and I've also tried adding it programmatically to a placeholder, but I can't seem to get it working.

Can anyone give me any pointers? Thanks in advance!

Grid

answered on 13 Dec 2013

3 answers

92 views

Youtube video initialization error (IE, FireFox)

Youtube video initialization error (IE, FireFox) in official demo (and any video from youtube)
http://demos.telerik.com/aspnet-ajax/media-player/examples/overview/defaultcs.aspx
internal request from player https://www.youtube.com/get_video?...
failed
though other request from Chrome is work.

MediaPlayer

answered on 13 Dec 2013

2 answers

124 views

what Barcode format is this?

Any one here have any idea what barcode format this is?

Barcode

answered on 13 Dec 2013

10 answers

308 views

MaxFileInputsCount not restricting while MultipleFileSelection

Hi,

Assembly Version: 2010.2.826.35

1. I want to restrict user to upload max 5 files.That works fine if single file selected 5 times which makes file selection control hidden.
But in MultipleFileSelection scenario it allows user to select any number of files ignoring MaxFileInputCount = 5.How to handle this?

telerik:RadAsyncUpload ID="radUpload" runat="server" MultipleFileSelection="Automatic" AllowedFileExtensions=".pdf" MaxFileInputsCount="5" Localization-Select="Browse" Localization-Remove = "Delete Document" ReadOnlyFileInputs="true" OnClientValidationFailed="validationFailed" TemporaryFileExpiration="5" OnClientFileSelected="fileSelected" OnClientDeleting="fileDelete" OnClientFileUploaded ="fileUploaded" ></telerik:RadAsyncUpload>

2.Other application requirement is to disable Upload control for file selection/deletion while file upload is in progress. Can any one tell how to achieve that?

Thanks
Deepak Dhirhe

AsyncUpload

answered on 13 Dec 2013

1 answer

97 views

RadInputManager Disable Validation on Client

Can I disable a client validation of RadInputManager in Javascript ? as I can disable a Required Field Validator in JS

Input

answered on 13 Dec 2013

0 answers

42 views

RadUpload control keyboard support not working in IE8 and IE7

Hi All,

I am using telerik (version 2012.2.724.35) .In my page i have an radupload and an next button. I want to make it accessible through Keys To achecive this i added Below code on OnClientAdded event of Radupload control But it didn't work Properly.

function

keyboardSupport(sender, args) {

var $fileInput = $(args._fileInputField);

var $fakeInput = $fileInput.nextAll("input[class='ruFakeInput']");

var $selectButton = $fileInput.nextAll("input[class='ruButton ruBrowse']");

$selectButton.attr(

'aria-required', 'true');

$fileInput.attr(

'aria-required', 'true');

$(

'label[for$="_DocumentFileUploadfile0"]').text('<%=GetLocalResourceObject("UploadDocumentLabelResource.Text") %>');

$fakeInput.attr(

"tabindex", "-1");

$selectButton.attr(

"tabindex", "-1");

$fileInput.focus(

function(e) {

$selectButton.css(

"border", "1px dotted");

});

$fileInput.blur(

function(e) {

$selectButton.css(

"border", "0px");

});

if (navigator.userAgent.indexOf("MSIE") != -1) {

$fileInput.keydown(

function(e) {

if (e.keyCode == Sys.UI.Key.space) {

$fileInput.click();

}

if (e.keyCode == Sys.UI.Key.enter) {

e.preventDefault();

}

if (e.keyCode == Sys.UI.Key.tab && e.shiftKey == false) {

$fakeInput.focus();

}

if (e.keyCode == Sys.UI.Key.tab && e.shiftKey == true) {

var $checkbox = $(".ruCheck", args.get_row());

if ($checkbox[0] != undefined) {

e.preventDefault();

$checkbox.focus();

}

else {

$fileInput.parent().focus();

}

});

}

I want that it should prevent enter key and upload doc on space bar . Above code works fine till upload of doc But after dialogue box opens and i uploaded doc now if i press tab ideally it should go to next control in my case which is another next button but its not working like this it.after doc upload if i press tab it remains in upload control and if press tab twive it go to next button and then if i press enter key it dnt do postback but it clears uploaded file and remain focused in upload control.

I tried changing EnableFileInputSkinning property also it doesnt help.

one more thing if i use $selectButton.click() in place of $fileInput.click(); it works fine in IE9 but in IE8 and IE7 dialogue box doesnt open.

Thanks in advance

Upload (Obsolete)

asked on 13 Dec 2013

4 answers

180 views

Radgrid grouping is very slow

Hello,

For my webapplication I use an AJAX Radgrid with something like 15 columns and 30 000 rows.
Filtering, sorting are ok and pretty fast, but when I try to group results it become really slow, and actually with my 30 000 rows it doesn't work. The ajax call returns a 500 error.

I saw a thread on this forum explaining that Radgrid is fast enough for 300 000 rows, so I don't understand what I'm doing wrong...

I use an AJAX Radgrid with a HeaderContextMenu, linked to an EntityDataSource (but I tried with a LinqDataSource too).
On the code below I removed most of the columns for readability, it's just several common GridBoundColumn.

The Telerik.Web.UI.dll version is 2010.2.929.35, Framework .NET 3.5

<telerik:RadGrid EnableViewState="false" OnPreRender="RadGrid1_PreRender" ExportSettings-ExportOnlyData="true" ExportSettings-IgnorePaging="true" ExportSettings-Csv-ColumnDelimiter="Semicolon" DataSourceID="EntityDataSourcePesee" AutoGenerateColumns="false" ID="RadGrid1"

Width="1604px" AllowFilteringByColumn="True" AllowSorting="True"

ShowFooter="True" AllowPaging="true" PageSize="5" runat="server" GridLines="None" EnableLinqExpressions="false" OnItemCommand="RadGrid1_ItemCommand" OnItemCreated="RadGrid1_ItemCreated"

Culture="fr-FR"

EnableHeaderContextMenu="true"

EnableHeaderContextFilterMenu="true">

<PagerStyle Mode="NextPrevAndNumeric" NextPageToolTip="Page suivante" PrevPageToolTip="Page précédente" FirstPageToolTip="Première page" LastPageToolTip="Dernière page" PageSizeLabelText="Nombre de pesées par page :" PagerTextFormat="{4} Pesées {2} à {3} sur {5} au total" />

<GroupingSettings CaseSensitive="false" />

<MasterTableView AutoGenerateColumns="false" IsFilterItemExpanded="false" PageSize="10"

AllowFilteringByColumn="True" ShowFooter="True" TableLayout="Auto" CommandItemDisplay="Bottom">

<CommandItemSettings ExportToCsvText="Exporter la sélection" ShowAddNewRecordButton="false" ShowRefreshButton="false" ShowExportToCsvButton="true" />

<SortExpressions>

<telerik:GridSortExpression FieldName="PES_DATE" SortOrder="Descending" />

</SortExpressions>

<Columns>

<telerik:GridBoundColumn HeaderTooltip="Trier la colonne" FilterControlWidth="50px" DataField="SITE.SIT_LIBELLE" HeaderText="Site de pesage" FilterImageToolTip="Filtrer"

SortExpression="it.SITE.SIT_LIBELLE" UniqueName="SIT_LIBELLE">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderTooltip="Trier la colonne" FilterControlWidth="50px" DataField="PES_DATE_ENTREE" HeaderText="Date d'entrée de la pesée" FilterImageToolTip="Filtrer"

SortExpression="PES_DATE_ENTREE" UniqueName="PES_DATE_ENTREE">

<HeaderStyle Width="160px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderTooltip="Trier la colonne" FilterControlWidth="50px" DataField="PES_DATE" HeaderText="Date de sortie de la pesée" FilterImageToolTip="Filtrer"

SortExpression="PES_DATE" UniqueName="PES_DATE"

>

<HeaderStyle Width="160px" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="PES_TEMPS_PRESENCE" SortExpression="PES_TEMPS_PRESENCE" FilterImageToolTip="Filtrer"

InitializeTemplatesFirst="false" FilterControlToolTip="hh:mm:ss" DataType="System.String" DataField="PES_TEMPS_PRESENCE">

<HeaderTemplate>

<asp:LinkButton ToolTip="Trier la colonne" CssClass="Button" ID="btnSortTempsPresence" Text="Temps de présence (hh:mm:ss)" CommandName='Sort' CommandArgument='PES_TEMPS_PRESENCE' runat="server" />

</HeaderTemplate>

<ItemTemplate>

<%# formatTempsPresence((int?)Eval("PES_TEMPS_PRESENCE")) %>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderTooltip="Trier la colonne" FilterControlWidth="30px" DataField="PES_NUM_BON" HeaderText="N° Bon de pesée" FilterImageToolTip="Filtrer"

SortExpression="PES_NUM_BON" UniqueName="PES_NUM_BON">

</telerik:GridBoundColumn>

....

</Columns>

</MasterTableView>

<ClientSettings>

<Scrolling AllowScroll="false" />

<ClientEvents OnFilterMenuShowing="FilterMenuShowing" />

</ClientSettings>

</telerik:RadGrid>

<asp:EntityDataSource ID="EntityDataSourcePesee" runat="server" ConnectionString="name=PeseesEntities"

DefaultContainerName="PeseesEntities" EntitySetName="PESEE" Include="SITE"

EnableUpdate="false" EnableDelete="false" EnableInsert="false">

</asp:EntityDataSource>

Grid

answered on 13 Dec 2013

1 answer

219 views

Problem with SortCommand and empty value with the RadGrid

Hello,

I have a problem with the custom sort in Oracle data base with a empty string and your RadGrid. When I use a custom sort in your RadGrid, the object result list it’s ok, but in the grid, the result isn’t the same. But, if I use buttons to sort the grid with the same query, the result it’s correct in my grid. I think the grid sort again my objects list in the SortCommand.

In Sql server, I have no problem with the same query. In Oracle, the empty value isn’t sort of the same order as Sql Server. But why the grid sorts again my list of objects ?

Exemple code for custom sort :

Private Sub grdDetailTelerik_SortCommand(sender As Object, e As Telerik.Web.UI.GridSortCommandEventArgs) Handles grdDetailTelerik.SortCommand

    Dim sortingField As String = e.SortExpression

    Dim sortingOrder As String = e.NewSortOrder

    ActualResultPage = 0

    SetLastViewPage(0)

    SortColumn = sortingField

    SortDirection = sortingOrder

    grdDetailTelerik.DataSource = GetData(True) 'Get all of objet with my query

    grdDetailTelerik.Rebind()

End Sub

Custom sort :

SortColumn = Code

SortDirection = Ascending

Result list of Objet(Oracle) :

Code = 001.0.0

Code = 099.9.0

Code = String.empty

Result list of Objet (Sql Server) :

Code = String.empty

Code = 001.0.0

Code = 099.9.0

Code = 099.9.0

Result in grid(Oracle), the order of sort isn’t ok in this example, my empty string is in top, but :
Page 1 :
oracle_page1.png

Page 2 :
oracle_page2.png

Result in grid (Sql server) is ok:

Page 1 : sql_page1.png

Page 2 :
sql_page2.png

Sorry but I can not give you the entire code, I only submiting the list of objects and the result in the grid.

If you need another example, I will provide you, if it's possible

Thank's in advance !!

Grid

answered on 13 Dec 2013

9 answers

315 views

Using the RadComboBox with checkboxes and None as a value

I have a radcombobox with checkboxes. Everything works fine. But I need to achieve following. The first value is None and when it is selected all other values must be disabled. So that None and another value are not inserted together.

I will appreciate if someone can help me with this.
Thanks.
Gauri

ComboBox

answered on 13 Dec 2013