Questions on UI for ASP.NET AJAX Forum

3 answers

1.3K+ views

Table Header and Page Breaks with Print Media Query

I am using CSS print media query to modify page layout when printing and I am unable to set the following. All other styles are working properly.

@media print{

thead{display:table-header-group;}

tr{page-break-inside:avoid;}

}

The following post is quite old, but should still work, however it doesn't. All I see where I expect to see the header on each page is a small black border box just under the first column header on each page as seen in the attached files.

http://www.telerik.com/support/code-library/printing-grid-headers-on-every-page

Page breaks also aren't working to prevent rows from being cutoff. The grid spans multiple pages and rows should not be cutoff between pages.

Any suggestions are greatly appreciated.

Grid

answered on 09 Sep 2015

3 answers

369 views

RadAsyncUpload FileFilter not working in Google Chrome

Hi Telerik,

File filtering is not working in google chrome, but in IE it is ok.

Telerik Version: 2012.3.1127.35
Runtime Version: v2.0.50727

<telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload1" OnClientFileUploaded="OnFileUploaded" OnClientFileUploadRemoved="OnClientValidationFailed"

OnClientFileDropped="OnClientValidationFailed" OnClientValidationFailed="OnClientValidationFailed"

ManualUpload="false" MultipleFileSelection="Disabled" MaxFileInputsCount="1" MaxFileSize="5000000" width="220px">

<FileFilters>

<telerik:FileFilter Description="Documents(pdf;tiff;tif)" Extensions="pdf,tiff,tif" />

</FileFilters>

<Localization Select="Browse" />

</telerik:RadAsyncUpload>

I'm filtering pdf and tiff documents only, but when I click Browse/Select in RadAsyncUpload it shows all the files in the directory when i use chrome.

Please advice. Thanks!

AsyncUpload

answered on 09 Sep 2015

1 answer

109 views

Radgrid Filter is now showing Menu Items

Hi

I have used fitler in Telerik Radgrid.My telerik Version is 2015.1.401.40 . But the filter is not showing any items.

Below is the code which is rendered in browser. As you can text span text is empty.

Can you kindly help me out what may be the issue.

I have used Bootstarp Theme .

Grid

answered on 09 Sep 2015

3 answers

100 views

Space key not working in Search box of RadNavigation

Hi,

As you can also see from the following Demo page, space doesn't work in the search box within RadNavigation. The search box doesn't allow space to be entered and this is a problem as it doesn't let me search using a combination of keywords (ex: "telerik controls"). Please help as we are using the search box in RadNavigation control.

http://demos.telerik.com/aspnet-ajax/navigation/functionality/server-side-templates/defaultcs.aspx?product=navigation

Thanks,

Suresh

Navigation

answered on 09 Sep 2015

3 answers

170 views

Modal Window Issue in master page

Hi.

I have an issue with modal radWindow, the thing is that I am using a master page, and it has obviusly an MainContent ContentPlaceHolder, the issue is when I show the window in modal style, the window "locks" the entire page, and I want to know if it's possible to configure the window to lock just the ContentPlaceHolder instead of the entire Page.

Hope you can help me, thanks.

Window

answered on 09 Sep 2015

1 answer

86 views

RadPanelItem Heightis not Reflected

I have two RadPanelItems in a RadPanelBar.

The First RadPanelItem has list of Controls and it goes up to 20 lines of controls. But when it is viewed in the browser all the 20 lines of controls are not visible due to the height which is set as AUTO is not reflected. Vertical scroll bar is shown to view the all the lines. I don't want to have the scroll bar, Instead i need to show all the lines of code at a single page.

PanelBar

answered on 09 Sep 2015

1 answer

145 views

Error when not using embedded scripts for ListBox

I get the following error when not using embedded scripts for the RadListBox

Uncaught TypeError: Cannot read property 'Classic' of undefined.

I'm using Telerik version 2015.1.225.40.

Sample code

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

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

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryPlugins.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Navigation.NavigationScripts.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.ListBox.RadListBoxScripts.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.TouchScrollExtender.js" />

</Scripts>

</telerik:RadScriptManager>

<div>

<telerik:RadListBox ID="lstPermitStatuses" Width="313px" Height="100px" runat="server" EnableEmbeddedScripts="False">

<Items>

<telerik:RadListBoxItem Text="Item1" runat="server" />

<telerik:RadListBoxItem Text="Item2" runat="server" />

<telerik:RadListBoxItem Text="Item3" runat="server" />

<telerik:RadListBoxItem Text="Item4" runat="server" />

<telerik:RadListBoxItem Text="Item5" runat="server" />

</Items>

</telerik:RadListBox>

</div>

</form>

Please let me know how this can be fixed without using embedded scripts.

ListBox

answered on 09 Sep 2015

2 answers

144 views

Get parent item from grid inside a nestedviewtemplate

Hello,

I have a datagrid1 which contains another datagrid2 inside a nestedviewtemplate. With datagrid2 I insert, update and delete records with the help of the different command events.

How is it possible to get the parent item inside the OnItemCommandEvent, if I click on "Add new record" or on the button inside my GridEditCommandColumn. I tried e.Item.OwnerTableView.ParentItem inside the OnItemCommand-event, but the ParentItem is always null. Thanks in advance.

Kind regards,
Felix

Grid

answered on 09 Sep 2015

4 answers

217 views

GridTemplateColumn Checkbox reposted as checked Incorrectly

This is one strange bug. I have a simple RadGrid with a couple of columns, I use a GridTemplateColumn with a checkbox control for deletion, heres the markup.

<telerik:GridTemplateColumn ItemStyle-HorizontalAlign="Center" UniqueName="chkItem" ItemStyle-Width="1%">

<HeaderTemplate>

<asp:CheckBox runat="server" onclick="$('.chk-locations2 input').prop('checked', this.checked).trigger('change');" ID="chkSelectAll" />

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox CssClass="chk chk-locations2" data-value='<%#Eval("LocationID")%>' text='<%#Eval("LocationID")%>'

runat="server" ID="chkItem" Checked="false" />

</ItemTemplate>

</telerik:GridTemplateColumn>

Anyway, I have a button that does a full postback that checks for .Checked checkboxes and executes the delete operation, like this.

For Each Item As Telerik.Web.UI.GridItem In Input.Items

If Item.ItemType = GridItemType.Item Or Item.ItemType = GridItemType.AlternatingItem Then

Dim Chk As CheckBox = CType(Item.FindControl("chkItem"), CheckBox)

If Chk.Checked Then

Dim ID As String = Chk.Text

If IsNumeric(ID) Then

CallBack.Invoke(ID, Argument)

End If

Next

All works as expected, only the checked rows are deleted and since I reload the grid again, no items are checked once the page has reloaded, it all looks ok until you refresh the page again. If your grid had say 10 items and you ticked the first item and deleted it, as expected the grid now would have 9 items. If you refresh the page, a full postback is done as expected however, the first item is marked as "Checked" when it was not, so the item is then deleted and how you have 8 items despite the fact that you had not explicitly checked any item.

This seems to be a bug in the radgrid, the checkbox is shown as Checked when nobody checked it. The only solution I can see for now is to prevent a postback with Javascript by check for the no. of checked checkboxes.

Grid