Questions on UI for ASP.NET AJAX Forum

1 answer

145 views

Hide column using js causes columns to grow, no longer lining up with header

I have a grid, it is set to TableLayout Fixed. I have an explicit HeaderStyle with a width in px set on every column. Some columns have a display=False, I don't want them showing up initially. All databinding is done via javascript. I also have the following client settings:

<ClientSettings AllowColumnHide="True" AllowColumnsReorder="true" ReorderColumnsOnClient="true" >
			   <ClientEvents 
               OnCommand="ReportSystem.RadGrid1_Command" 
               OnRowDataBound="ReportSystem.RadGrid1_RowDataBound" 
               OnColumnSwapped="ReportSystem.RadGrid1_OnColumnSwapped" 
               OnDataBindingFailed="ReportSystem.OnDataBindingFailed" />
				<Scrolling 
                AllowScroll="True" 
                UseStaticHeaders="True" 
                SaveScrollPosition="True">
				</Scrolling>
			</ClientSettings>

In javascript I call "hideColumn" with the index of the column to hide on the masterTableView. The column does hide correctly (and shows back up when i call the show function) But after each column is hidden every remaining column grows by a small amount exactly the same. As each column is shown, all the column widths shrink by the same amount they originally grew by. If instead I unhide one or more of the default hidden columns the columns stay correct, if I then start hiding columns, the widths stay correct until I hit the original number of columns then after that the columns start growing by that fixed amount.
Another weird part, this only happens in Chrome and IE, it seems to work correctly in firefox.

What could be causing the columns to grow?

Grid

answered on 24 May 2012

6 answers

460 views

Expand/Collapse All?

Hi,

Is there a way to programmatically expand/collapse all rows in the hierarchy? I don't care if it's server-side or client-side at this point.

I had the idea of getting the INPUT element for the ExpandCollapseButton of each row and calling the click() function. However, forcing the exansion of a row causes a postback, hence I could not get the all to expand at once.

Do you have any ideas?

TreeList

answered on 24 May 2012

1 answer

94 views

Empty Rows Showing

Good Day,

I've been busy with Client Side Databinding and have been struggling to find a solution to my problem. I've recently found that there is a property (RadGrid.ClientSettings.DataBinding.ShowEmptyRowsOnLoad) which helps but after doing a postback the emptyrows are showing again. Please see attachment below.

Thank you

Grid

answered on 24 May 2012

1 answer

127 views

Disable checkbox gets checked/unchecked in telerik MVC grid

Hi All,

I am facing weird issue in telerik Grid control. I have telerik grid where there is one column for checkbox. Some of the checkbox in the grid are disabled. If you double click on those disable checkbox then it will get checked/unchecked. I don't want disable checkbox to get checked/unchecked. can someone know the solution to this problem?

Thanks in advance

Regards,
Devendra.

Grid

answered on 24 May 2012

2 answers

101 views

No Scrollbar for Virtual Scrolling

Hi,

I've built a grid which uses Virtual Scrolling and has been set up with a page size of 8. I've noticed that intermittently that the vertical scrollbar was not appearing. During my investigation I discovered that if the VirtualItemCount is 32, the Scrollbar disappears and if I increase the VirtualItemCount to 33, the vertical scrollbar will happily appear.

Can you please provide a solution to this issue?

Thanks,

Aash.

Grid

answered on 24 May 2012

4 answers

79 views

Hovering problem in IE

Hi,

Im using the radbutton in a project. In a page I have placed some buttons. When I'm moving the mouse over the buttons sometimes the highliging color will not be shown. specially if I mouve the mouse a little bit faster over the button. The buttons are looking like default (non hovered). The skin is "Office2007". This problem occurs only in Internet Explorer. In Firefox and Chrome the hovering is working well every time. I have checked this behavior with the Telerik demo pages. The problem occurs there also.
I'm using the Telerik verion 2011.3.1115.35.

How to solve this problem?

Best regards,
Ralf

Button

answered on 24 May 2012

3 answers

125 views

How to respond to a GridCheckBox checked event?

I have a master-detail grid defined. In the detail grid I have a GridCheckBoxColumn whose UniqueName is IsCompleted. I have another GridDateTimeColumn column in the detail grid whose UniqueName is DateCompleted. These values are initially populated from our database. Everything works fine so far.

What I would like to do is when the user checks the IsCompleted check box, the DateCompleted column is automatically populated with Today's date. All this should be done on the client side as the user may want to change the date after the automatic setting of the date.

Being fairly new to the Telerik controls, I can't figure out which events and how to accomplish this. Any help would be greatly appreciated!

Grid

answered on 24 May 2012

1 answer

83 views

Radtextbox and Requiredvalidator problem

Hello Telerik team.

I posted same problem this article ( http://www.telerik.com/community/forums/aspnet-ajax/input/radtextbox-and-requiredvalidator-problem.aspx) , and I received answer how to solve matters.

But i had tested this problem with chrome browser, it doesn't work chrome browser.

i'm using 2012.1.403.40 telerik version.

Please refer my past article and let me know how to take care of the matter

thanks

Input

answered on 24 May 2012

5 answers

240 views

OnClientClick

I use OnClientClick="showNotification();" on a asp:button with this java script. I try to use on same page validate a control with a telerik:RadButton and OnClientClicked, but dont have it to work. Only works with asp:button.
How to get showNotification work with telerik:RadButton?

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

function showNotification() {

var notification = $find("<%= RadNotification1.ClientID %>");

setTimeout(function () {

notification.show();

}, 0);

}

function CheckIfShow(sender, args) {

var summaryElem = document.getElementById("<%= ValidationSummary1.ClientID %>");

var noErrors = summaryElem.style.display == "none";

args.set_cancel(noErrors);