Questions on UI for ASP.NET AJAX Forum

15 answers

653 views

In IE, RadGrid drag-and-drop works properly, but in Chrome it works less than 1/2 the time I try to move rows up/down.
When I set a breakpoint in the RowDrop event (server side), the event fields aren't consistently populated in Chrome.

My browser is not zoomed in or out and it's easy to duplicate with your website's example:
http://demos.telerik.com/aspnet-ajax/grid/examples/columns-rows/rows/drag-and-drop/defaultcs.aspx

Many people have had issues with this over the years but I cannot find any resolution. Some people pointed to the RadGrid being in a MasterPage or in a UserControl, but none of that should matter.

Can you please provide resolution?

Grid

answered on 11 Jun 2021

1 answer

133 views

RadGrid Migration Issues with ClientSide

Hi Team,

I have recently migrated from RadGrid Classic to RadGrid Ajax suite.(R3 2020)

I am getting few errors in the Edge,IE11 and Chrome.

Do we need to replace classic RadControl js files with Ajax Control Suite js files?

Issue are captured in the screenshot.

Can you please suggest me why this issue is happening and how to resolve it?

Grid

answered on 11 Jun 2021

0 answers

93 views

RAD PIVOT GRID OLAP does not run with more than 13000 records. asp.net ajax

Hello Telerik team, I have the problem that the pivot grid Olap does not run with more than 13000 records, we try to execute with 10 fields and with 2 measurement fields in total 12, however it keeps loading the page without doing something or sometimes it sends error of time out.

Framework used: ASP.NET Ajax

thank you!!

Any comment or possible solution ?

Grid

asked on 09 Jun 2021

0 answers

197 views

Cannot see text inside radcombobox

Hello!

I have added data to my radcombobox but when I open the combobox I can´t see data.

Does anybody has any idea about this?

<telerik:RadComboBox ID="rcbVehicleInfoMake" runat="server" Height="250px" Width="120px" Skin="Simple" EnableLoadOnDemand="True" AllowCustomText="False" ShowMoreResultsBox="True" ItemRequestTimeout="500" HighlightTemplatedItems="True" MarkFirstMatch="True" DropDownWidth="310px" SelectOnTab="True" OffsetX="0" ShowDropDownOnTextboxClick="True" ExternalCallBackPage="../RCBStreamers/VehicleMakes.aspx" OnItemsRequested="rcbVehicleInfoMake_ItemsRequested">
                                                        <HeaderTemplate>
                                                            <table style="width: 300px;">
                                                                <tr>
                                                                    <th style="width: 350px; text-align: left;">
                                                                        Description
                                                                    </th>
                                                                    <th style="width: 50px; text-align: left;">
                                                                        Code
                                                                    </th>
                                                                </tr>
                                                            </table>
                                                        </HeaderTemplate>
                                                        <ItemTemplate>
                                                            <table style="width: 300px; cursor: pointer;">
                                                                <tr>
                                                                    <td style="width: 350px;">
                                                                        <%#DataBinder.Eval(Container, "Attributes['MakeDesc']")%>
                                                                    </td>
                                                                    <td style="width: 50px;">
                                                                        <%#DataBinder.Eval(Container, "Attributes['MakeCode']")%>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </ItemTemplate>
</telerik:RadComboBox>

ComboBox

updated question on 08 Jun 2021

1 answer

324 views

RadCombobox not displaying properly after update

I have updated my telerik dll to 2021 version and I´m facing some problems with radcombobox. I´m not able to open the items and options arrow disappeared.

<telerik:RadComboBox ID="rcbVehicleInfoMake" runat="server" Height="250px" Width="120px" Skin="WindowsXP" EnableLoadOnDemand="True" AllowCustomText="False" ShowMoreResultsBox="True" ItemRequestTimeout="500" HighlightTemplatedItems="True" MarkFirstMatch="True" DropDownWidth="310px" SelectOnTab="True" OffsetX="0" ShowDropDownOnTextboxClick="True" ExternalCallBackPage="../RCBStreamers/VehicleMakes.aspx">
                                                        <HeaderTemplate>
                                                            <table style="width: 300px;">
                                                                <tr>
                                                                    <th style="width: 350px; text-align: left;">
                                                                        Description
                                                                    </th>
                                                                    <th style="width: 50px; text-align: left;">
                                                                        Code
                                                                    </th>
                                                                </tr>
                                                            </table>
                                                        </HeaderTemplate>
                                                        <ItemTemplate>
                                                            <table style="width: 300px; cursor: pointer;">
                                                                <tr>
                                                                    <td style="width: 350px;">
                                                                        <%#DataBinder.Eval(Container, "Attributes['MakeDesc']")%>
                                                                    </td>
                                                                    <td style="width: 50px;">
                                                                        <%#DataBinder.Eval(Container, "Attributes['MakeCode']")%>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </ItemTemplate>
</telerik:RadComboBox>

Please let me know if you have any clue about this issue.

Ajax

ComboBox

answered on 08 Jun 2021

1 answer

182 views

Dynamic ListViewDataGroup

Hi,

I'm trying to create a dynamic ListViewDataGroup with code-behind value for 'groupField', is that possible ?

<telerik:RadListView ID="lv_xxx"
                EnableViewState="false"
                ItemPlaceholderID="itemPlaceHolder"
                OnItemDataBound="lv_xxx_ItemDataBound"
                runat="server"  >

                <LayoutTemplate>
				.....
				</LayoutTemplate>

                <DataGroups > 
                <telerik:ListViewDataGroup GroupField='<%= this.XXX >' DataGroupPlaceholderID="groupPlaceHolder" SortOrder="Ascending"  > 
                        <DataGroupTemplate>
                            <tr>
                                <td>
                                    <%# (Container as RadListViewDataGroupItem).DataGroupKey %>
                                </td>
                            </tr>
                            <asp:PlaceHolder ID="itemPlaceHolder" runat="server"></asp:PlaceHolder>
                        </DataGroupTemplate>
                    </telerik:ListViewDataGroup>
                </DataGroups>

                <EmptyDataTemplate> 
                </EmptyDataTemplate>

                <ItemTemplate>
				......
				/ItemTemplate> 
           </telerik:RadListView>

thanks

ListView

answered on 08 Jun 2021

18 answers

4.4K+ views

Find Row Index of radgrid on client side

Hi Team,
I have a radgrid with some bound columns. In one of the bound columns, I have DataFormatString property set to call a javascript function. The same bound column shows numeric values.
I did this because I wanted to open a popup on click of the numeric values.
Now I want to find the row index of the radgrid so that I can use

MasterTable.getCellByColumnUniqueName(MasterTable.get_dataItems()[0], "ChartOfAccountSetDetailDescription").innerHTML

Here, in MasterTable.get_dataItems()[0], I always get the values in the first row because of the [0] ,
which is the rowindex.

So, I want to find out the row index of the current cell.

Here is my aspx :

<telerik:RadGrid ID="rgProjectBudget" OnNeedDataSource="rgProjectBudget_NeedDataSource" runat="server" AutoGenerateColumns="False" AllowSorting="True" ShowFooter="true">

<MasterTableView>

<Columns>

<telerik:GridBoundColumn DataField="ChartOfAccountSetDetailValueCode" DataType="System.String" HeaderText="Project Heads" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" UniqueName="ChartOfAccountSetDetailValueCode">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="COARequisitionAmount" HeaderText="Commited" DataField="COARequisitionAmount" FooterText="Commited: " FooterAggregateFormatString=" {0:N}" FooterStyle-Font-Bold="true" CurrentFilterFunction="Contains" DataFormatString="<a href='javascript:MyFunction()'>{0:N}</a

>" AutoPostBackOnFilter="true" Aggregate="Sum">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<script>

function MyFunction() {

var grid = $find("<%=rgProjectBudget.ClientID %>");

var MasterTable = grid.get_masterTableView();

var contactName = MasterTable.getCellByColumnUniqueName(MasterTable.get_dataItems()[0], "ChartOfAccountSetDetailValueCode").innerHTML;

}

</script>

And, I am not using RowSelected client side event

Any help appreciated,
Thanks,
Lok..

Grid

answered on 04 Jun 2021

0 answers

182 views

Custom context menus in ASP RadScheduler disappear after AppointmentContextMenuItemClicked

I build custom context menus at runtime for each appointment. The menus work fine, I get the AppointmentContextMenuItemClicked event and am able to act on the menu option chosen, but the UI drops all of the custom menus. The next time I right-click on any appointment, it only has Edit and Delete options. I've tried Rebind() at the end of the AppointmentContextMenuItemClicked, but it does not refresh, and even if I call databind and step through the code where it reconstructs all of the menus, they still do not show up in the browser. Anyone dealt with this?

Menu

Scheduler

asked on 03 Jun 2021

1 answer

190 views

RadListBox help

I have RadLisBox custom scripts and am putting focus on ClientLoad()

Something like

Function OnClientLoad(sender, eventsArgs)

{

var RadListBox = $find('radlistbox.clientid')

RadListBox.on('focus', function (e) {
var index = $('#' + e.target.closest("li").id).index();
var item = radListControl.get_items().getItem(index);
if (item) {
radListControl.clearSelection();
radListControl._activateItem(item, true);
item.set_selected(true);
}
});

}

item.set_selected(true) give me an error on _updatevalidationfield()

Can I override this code somehow?

Edit: There is custom validator attached to this. Think the error is coming from it

EDIT2: I think I figured it out (maybe?). The items within the control are disappearing after some time - probably postback event from validator. I had sort of singleton in place cause I did not need to update the instance of the control. After removing it at least at this point it seems ok.

ListBox

answered on 01 Jun 2021

1 answer

390 views

Icon for radasync button

Hi

I am trying to add font icon to radasyncupload but it does not align well. Text and icon are not at same height as shown below.

As shown above,

the "Download Template" is a radbutton control with markup as <telerik:RadButton runat="server" ID="rbDownloadTemplate" Text="Download Template"
                    k" RenderMode="Lightweight">
                    <Icon PrimaryIconCssClass="rbDownload"></Icon>
                </telerik:RadButton>

the "Upload data" is a radasyncupload control with markup as    <telerik:RadAsyncUpload RenderMode="Lightweight" runat="server" ID="rauUploadFile" ClientIDMode="Static"
                    MaxFileInputsCount="1" MultipleFileSelection="Disabled" DropZones=".DropZone1"
                    AllowedFileExtensions="xls,xlsx,csv"
                    OnFileUploaded="rauUploadFile_FileUploaded"
                    OnClientFileUploaded="rauUploadFile_OnClientFileUploaded"
                    OnClientValidationFailed="rauGeneric_OnClientValidationFailed" HideFileInput="true" CssClass="uploadButton" AriaSettings-Label="lbl">
                    <Localization Select="Upload data" />
                    <FileFilters>
                        <telerik:FileFilter Extensions="xls,xlsx,csv" />
                    </FileFilters>
                </telerik:RadAsyncUpload>

and my custom css to hide upload input and other settings

.ruBrowse::before {
    content: "\e133" !important;
    font: 16px/1 "WebComponentsIcons" !important;
}

.uploadButton {
    display: inline !important;
    position: relative !important;
}

    .uploadButton ul {
        display: inline !important;
    }

div.RadUpload .ruFakeInput {
    visibility: hidden !important;
    width: 0px !important;
    padding: 0px !important;
}

Can you please help in adding the font icon to asyncupload and look same as radbutton font icon

Thank you.

AsyncUpload

Button

answered on 31 May 2021