Questions on UI for ASP.NET AJAX Forum

3 answers

215 views

Can I prevent next columns from resizing automatically when manually resizing a column ?

Hello,

When resizing a column in a RadGrid, widths of the next columns are automatically resized.

I would like to prevent that, or to freeze the column widths of some columns.

I tried the property EnableNextColumnResize set to false on my grid's (from http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/columns/resizing), but it doesn't change anything.

Is there any solution to this ?

Thanks and regards.

Grid

answered on 27 Dec 2016

10 answers

194 views

FileBrowserContentProvider - TreeView Performance

Hi,

Please see the following scenario:

There is the structure:

Folder A

----- Sub-folder 1

----- Sub-folder 2

----- ...

----- Sub-folder 1000

So, we have folder with thousand sub-folders.

Clicking on the Folder A in tree-view side of File-Explorer, we will have the following steps:

1. ResolveRootDirectoryAsTree - execute one time for Folder A in grid (acceptable)

2. ResolveRootDirectoryAsTree - execute one time for Folder A in the tree-view (acceptable)

3. ResolveRootDirectoryAsTree - execute one thousand times, for each sub-folder in the tree-view (very slow)

As you can see, the step 3 is the cause of very slow loading.

Is there any way to avoid this behavior? Do you have any suggestion?

Maybe to try to disable expand of nodes if there is a very large amount of data under them? Only to populate a grid, as the Windows explorer does?

When i turn-off expanding of the tree-view nodes (args.set_cancel(true) on node clicking for test purpose) i have very good response. Because, there are only two executions of ResolveRootDirectoryAsTree method.

Am i missing something here?

I red the article "Setup virtual scrolling in the RadGrid embedded in RadFileExplorer", but i still have the tree-view issue.

FileExplorer

answered on 27 Dec 2016

8 answers

595 views

Client-Side Validation for the CheckBoxes Inside a RadGrid

Hi All.

I have a rad grid and the grid having check boxes in item templates.. i wish to validate that check box at client side.. if any one of the check box was not selected at the time of update then need to show an alert message..
Please help ...

i tried this script but its not working

<script type="text/javascript">

function ValidateCheckBox() {

validateTextBox();

//get target base & child control.

var TargetBaseControl = document.getElementById('<%= RadGridAssetCode.ClientID%>');

var TargetChildControl = "CheckBox1";

//get all the control of the type INPUT in the base control.

var Inputs = TargetBaseControl.getElementsByTagName("input");

for (var n = 0; n < Inputs.length; ++n)

if (Inputs[n].type == 'checkbox' && Inputs[n].id.indexOf(TargetChildControl, 0) >= 0)

if (Inputs[n].checked) return true;

alert('Select at least one checkbox!');

return false;

}

</script>

<ItemTemplate>

<asp:CheckBox id="CheckBox1" OnCheckedChanged="ToggleRowSelection" AutoPostBack="True" runat="server"></asp:CheckBox>

</ItemTemplate>

<telerik:RadButton ID="btnSave" runat="server" Text="Update" OnClientClick="javascript:return ValidateCheckBox();">

<Icon PrimaryIconCssClass="rbSave" PrimaryIconLeft="4" PrimaryIconTop="4" />

</telerik:RadButton>

Please help...

Regards

Prassin

Grid

answered on 27 Dec 2016

1 answer

130 views

Building Radio Button Back End

Hello!

I was wondering if there was a way on the back end to setup the toggle states like:

My current code is something like this:

RadButton button = new RadButton();
                        button.GroupName = rbl.ID;
                        button.ToggleType = ButtonToggleType.Radio;
                        button.ButtonType = RadButtonType.StandardButton;
                        button.AutoPostBack = false;
                        button.Text = row.option_name;
                        button.Value = row.option_value;
                        button.RenderMode = RenderMode.Lightweight;
                        button.Icon.PrimaryIconCssClass = "rbToggleRadio";

Would I have to set an on change to handle changing the PrimaryIconCssClass?

Button

answered on 27 Dec 2016

1 answer

482 views

add label to raddropdownlist in a rad listbox

Hello, I am new to telerik,

I have being able to add dropdownlist to my radlistbox but I have a couple of challenges with:

1. I need to display a label in front of each dropdownlist,

<telerik:RadListBox RenderMode="Lightweight" ID="RadListBox3" runat="server" AutoPostBackOnTransfer="True">
<ItemTemplate>
BDF1<telerik:RadComboBox ID="cmbBDF4" Runat="server" Skin="WebBlue">
<Items>
<telerik:RadComboBoxItem runat="server" Font-Size="Smaller" Text="NORTH CENTRAL" Value="NORTH CENTRAL" />
<telerik:RadComboBoxItem runat="server" Font-Size="Smaller" Text="SOUTHERN" Value="SOUTHERN" />
<telerik:RadComboBoxItem runat="server" Font-Size="Smaller" Text="NORTHERN" Value="NORTHERN" />
<telerik:RadComboBoxItem runat="server" Font-Size="Smaller" Text="CENTRAL" Value="CENTRAL" />
<telerik:RadComboBoxItem runat="server" Font-Size="Smaller" Text="ZONE" Value="ZONE" />
</Items>
</telerik:RadComboBox>
</ItemTemplate>
<Items>
<telerik:RadListBoxItem Text="BDF1" Value="BDF1" />
<telerik:RadListBoxItem Text="BDF2" Value="BDF2" />
<telerik:RadListBoxItem Text="BDF3" Value="BDF3" />
<telerik:RadListBoxItem Text="BDF4" Value="BDF4" />
</Items>
</telerik:RadListBox>

2. I need to get the value of each selected dropdownlist value.

ListBox

answered on 26 Dec 2016

9 answers

442 views

preventing client appointment resize

Hi, this is embarrasing but I can't seem to find a property to disable the client resizing the appointments. Moving, adding and editing is OK but clients are not allowed to change the length of the appointment.

I can prevent the event with OnClientAppointmentResizeStart(), but it makes no sense to have the option there and then cancel it, thats just confusing UI design - I want to remove the resize iconography period. (which presumably means slighly less JS is generated too).

regards
ewart

Scheduler

answered on 26 Dec 2016

4 answers

90 views

RadDateTimePicker built in text field validation no longer works/exists in v2010.2.826.35

There was built in textbox validation for the RadDateTimePicker for when someone typed in the picker's textbox control. We recently upgraded to v2010.2.826.35 and this built in textbox validation no longer exists. I've attached two screenshots, prevdatetimepicker.png shows this built in validation and currentdatetimepicker.png shows this built in validation doesn't work/exist or functionality has changed.

Is there a fix/update for this issue?

Calendar

answered on 24 Dec 2016

2 answers

223 views

Telerik Grid and other controls not rendering correctly in latest IE 11 version 11.0.38

Hi,

we are using Telerik asp.net AJAX's 2014.1.225.40 version. We noticed that in the latest version of IE 11 (11.0.38) some of grid's functionalty not working correctly . We have grid with frozen columns , but columns are not lining up . PFA attached image.

First of all, if we update Telerik's version should it fix this issue? if yes, We don't want to update Telerik's latest version as it will require a lot of testing on whole website.Please suggest the version latest than 2014.1.225.40 but with less changes and require minimum testing.

or if we can fix it by updating something on web server , we are using IIS 7.5 or higher.

Please advise.

Grid

answered on 23 Dec 2016

1 answer

118 views

RadListBox Fails to Initialize

Unfortunately I am a Jack Of All Code and Master of None.... This problem has surpassed my abilities and searches do not respond with anything close to my issue.

I have coded a page that takes a source listbox that is populated with available options and a partner listbox to pass the selected options to. I've stripped the page down to just the list boxes and manually entered items. I am developing on a Windows 10 laptop, testing on a Windows 2008 R2 server, and deploying to a Windows 2012 R2 server. The listbox renders correctly in development and testing. When published to the production server it is drawn but it does not respond to clicks of the list items.

I created a test site on the production server and the page worked as expected. This test site was <servername>.<domainname>.com:1180. I found that when I altered this test site to <alias hostname>.<domainname>.com:1180 the listbox failed again. Thinking this may be a security issue in Windows 2012 I added the alias to the SETSPN list for the local machine. This did not resolve the issue.

Is this a security issue in Windows 2012? I do have other Telerik controls working on this production server without issue.

Thanks in advance for any help or support.

ListBox

answered on 23 Dec 2016

3 answers

103 views

Resizing on Expanding and Colapsing

I have a very simple example setup like this:

<telerik:RadSplitter ID="splitterContent" runat="server" Width="100%" Height="100%" Orientation="Vertical">

<telerik:RadPane ID="rpLeft" runat="server" Width="100%" Height="50%" OnClientExpanded="filterPane_Expanded" OnClientCollapsed="filterPane_Collapsed" BackColor="Blue" ForeColor="White">

Left Side

</telerik:RadPane>

<telerik:RadSplitBar runat="server" ID="RadSplitbar1" CollapseMode="Forward">

</telerik:RadSplitBar>

<telerik:RadPane ID="rpRight" runat="server" Width="0%" Height="50%" BackColor="Red" ForeColor="White">

Right Side

</telerik:RadPane>

</telerik:RadSplitter>

with the following javascript code:

<script type="text/javascript">

var $ = $telerik.$;

function filterPane_Collapsed() {

//resize resultsPane

debugger;

var winWidth = $(window).width();

$("#rpRight").resize(winWidth / 2);

$("#rpLeft").resize(winWidth / 2);

}

function filterPane_Expanded() {

//resize resultsPane

debugger;

var winWidth = $(window).width();

$("#rpLeft").resize(winWidth);

$("#rpRight").resize(0);

}

</script>

Now let me explain what I'm trying to do. When the form loads I would like the left pane to be displayed at 100% and the right pane to be 0% essentially having the right pane not visible. When a user presses the arrow on the SplitterBar to expand the right side I would like the proportions to go to 50% for each side. At this point the Splitter bar would have an arrow pointing to the right. No mater where is has been move when pressed I would like the proportions to go back to 100% for the left and 0% for the right. I've tried .resize I've tried .set_width nothing seems to be setting the width....at all.

Splitter

answered on 23 Dec 2016