Questions on UI for ASP.NET AJAX Forum

3 answers

104 views

Find And Replace button is disabled in the Firefox

The "Find And Replace" icon is disabled in the "HTML" editing mode. It is reproduced in the Firefox.
If I'm using the IE or Chrome the icon is enabled in the "HTML" tab.
How can I fix it?

Editor

answered on 10 Jul 2014

1 answer

120 views

Odd behavior with checkboxes = true

I am seeing some odd behavior with the combobox.
I have them on a page and if you drop down and check on of the entries it shows the value in the box. I then close the box then open it again and select another from the list it shows 2 selected but then when the dropdown goes away the text area now shows the same of the first one I had selected. I then click the box again and select all from the drop down list, it says all selected but when the drop down collapses the box displays the same value of what was originally selected. IIt does not seem to be an issue if you select more than one in the very beginning

This is the box on the screen

<tr>

<td style="vertical-align: top">Conversion:

</td>

<td>

<telerik:RadComboBox runat="server" ID="ConversionType" Width="100%" DataTextField="ConversionDescription" DataValueField="ConversionTypeID" OnClientLoad="onLoad"

Skin="Sunset" EmptyMessage="Select Conversion" MaxHeight="200px" CheckBoxes="True" ShowToggleImage="False" EnableCheckAllItemsCheckBox="true"

ShowDropDownOnTextboxClick="False" MarkFirstMatch="True"/>

</td>

</tr>

This is the javascript for the OnCLientLoad

function onLoad(sender) {

var div = sender.get_element();

$telerik.$(div).mousedown(function (e) {

if (sender.get_dropDownVisible()) {

sender.hideDropDown();

}

else {

sender.showDropDown();

}

});

}

ComboBox

answered on 10 Jul 2014

6 answers

743 views

Telerik is not defined

Hello.

I am using this demo as a guide: http://www.telerik.com/help/aspnet-ajax/panelbar-items-client-side-code.html and everything seems straightforward. The problem is that, regardless of what I do, I am getting an Uncaught ReferenceError: Telerik is not defined exception in my JavaScript code. Here are the details:

- ASP.NET MVC 4 application using the ASPX engine
- I have a master page, a page, and a partial view.
- The partial view is what contains the RadPanelBar and it is defined like this:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<ModuleMenu>" %>
<%@ Import namespace="HarleyDavidson.Hdds.Talon.Web.Models.Global" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

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

</telerik:RadScriptManager>

<telerik:RadPanelBar ID="radMenu" Runat="server" Skin="Black">
</telerik:RadPanelBar>

<script language="javascript" type="text/javascript">
debugger;
var panelBar = $find('<%=radMenu.ClientID %>');
var menuJson = JSON.parse('<%=Model.MenuItems %>');

for (var i = 0; i < menuJson.length; i++) {
var s = menuJson[i];

var rootItem = new Telerik.Web.UI.RadPanelItem();
rootItem.set_text(s.DisplayName);

if (s.ChildrenNodes != null) {
addItemsToRoot(s);
}

panelBar.trackChanges();
panelBar.get_items().add(rootItem);
//rootItem.get_items().add(childItem);
//panelBar.get_items().getItem(0).get_items().insert(0, firstChild);
panelBar.commitChanges();
}


function addItemsToRoot(rootItem) {

}

</script>

This is the line that is failing:   var rootItem = new Telerik.Web.UI.RadPanelItem();

Per this document: http://www.telerik.com/help/aspnet-ajax/introduction-troubleshooting.html I checked out my web.config, but I have the following entries in my web.config:
<system.web>
...
<httpHandlers>
<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />
</httpHandlers>

</system.web>
<system.webServer>
<handlers>
...
<add name="Telerik_Web_UI_WebResource_axd" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" />
</handlers>
<system.webServer>

The entire rendered output of the page is:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>

Site

</title>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<link href="/Content/site.css" rel="stylesheet"/>

<script src="/Scripts/modernizr-2.6.2.js"></script>

<script src="/Scripts/jquery-1.8.2.js"></script>

<title>

</title></head>
<body>
<form method="post" action="./" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="RadScriptManager1_TSM" id="RadScriptManager1_TSM" value="" />
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="ng15QNpcL+QMheDSxB7BclZEjyRZ/v1t5idEPeiJeYSPTRn/4byScB2vP0oW+2a7vFBCdCKd2gbSqonyKQox3iQobJtFN0DQvJyc9/Q//kuvEk5ZXjOsbPn1Bn5Ew52E" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>

<script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZJGlNwqpp6-nH7r5-E8vYTJkH7zSzodYcVW3jIzmw2y-aefQNjxKsZCGMmHrgHPSvA2&t=635328605200000000" type="text/javascript"></script>

<script src="/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a509f92a1-e5fd-464f-a450-13846a6c973b%3aea597d4b%3ab25378d2" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$RadScriptManager1', 'form1', [], [], [], 90, 'ctl00');
//]]>
</script>

<div id="page">
<header>
<div id="header_interactive_content">
<span class="interactive_content_header">Most Recent KBA's</span>
</div>
<div id="header_logo">
</div>
<div style="clear: both">
</div>
<div id="header_nav">
<div class="header_nav_left"></div>





<div class="header_nav_item_last"><span class="header_nav_item_span"></span></div>
<div class="header_nav_right"></div>
</div>
</header>
<div style="clear: both"></div>
<div id="body">
<div class="content_wrapper">
<div id="content_menu">


<div id="1_radMenu" class="RadPanelBar RadPanelBar_Black">
<input id="1_radMenu_ClientState" name="1_radMenu_ClientState" type="hidden" />
</div>

<script language="javascript" type="text/javascript">
debugger;
var panelBar = $find('1_radMenu');
var menuJson = JSON.parse('[{"DisplayName":"User Dashboard","Url":"#","Module":"Dashboard","IsRootNode":true,"ChildrenNodes":null}]');

for (var i = 0; i < menuJson.length; i++) {
var s = menuJson[i];

var rootItem = new Telerik.Web.UI.RadPanelItem();
rootItem.set_text(s.DisplayName);

if (s.ChildrenNodes != null) {
addItemsToRoot(s);
}

panelBar.trackChanges();
panelBar.get_items().add(rootItem);
//rootItem.get_items().add(childItem);
//panelBar.get_items().getItem(0).get_items().insert(0, firstChild);
panelBar.commitChanges();
}


function addItemsToRoot(rootItem) {

}

</script>

</div>
<div id="content">
<section>


<b>The user Dashboard will go here. </b>
</section>
</div>
<div style="clear:both"></div>
</div>
</div>
<footer>
<div class="content_wrapper">

<div style="clear: both;"></div>
<div style="float: left; width: 100%; text-align: center;">
<br>
a href="/privacy.aspx">Privacy Policy</a>   <a href="/Account/LogOff">Log Off</a>
</div>
</div>
</footer>
<div style="clear:both"></div>
</div>




<div class="aspNetHidden">

<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="F124CA87" />
</div></form>
</body>
</html>

Any help that can be provided would be fantastic!

PanelBar

answered on 10 Jul 2014

4 answers

104 views

Unnecassary Horizontal Scrolling in IE 10 & 11

Hello,

I am using treeview and I'm noticing that when I expand a node whose children has an exceptionally long string - the view scrolls to the right horizontally consequentially obfuscating other parent nodes on the left from the view. This happens only when I run it in IE. Does anyone have a work around for this problem.

Regards

Jesse Ash

TreeView

answered on 09 Jul 2014

2 answers

246 views

"xxx items in xx pages" message at footer

Hello,

I have applied paging on my grid and getting message "xxx items in xx pages".

Now when applying filters, if the items are displayed in only one page, the grid automatically removes the paging controls and messages, I want the grid to remove paging controls but not the message.

Is there any way, we can achieve that?

Thank you!
Vishal

Grid

answered on 09 Jul 2014

6 answers

434 views

radimage gallery display only thumbnails

I am using a RadImageGallery to show a collection of images on my page.
I want to show 3 images on the screen visible at all times. I want to disable the option of clicking a thumbnail to enlarge it. I also noticed that my images in thumbnails are rendered darker than they are and they appear light when i hover over them. Can i have them all be rendered in their original brightness as I do not want the hover feature?

ImageGallery

answered on 09 Jul 2014

1 answer

113 views

Accessing built-in skins when EnableEmbeddedSkins is set to false

When using skins in ASP.NET AJAX controls for a project I'm working on, I have been asked to enable behaviour for skin customisation. From reading the documentation I figure that I have to set EnableEmbeddedSkins to False in order to use customised skins. Unfortunately this means I can't also allow users to just call "Office2010Black" for a skin name to access one of the embedded skins.

So first of all, am I wrong about how the skins work? Is there a way I can use both embedded and custom skins together (for example, but pulling out all the embedded skins and referencing the skin by path)?

General Discussions

answered on 09 Jul 2014

1 answer

87 views

[Solved] BatchEdit: causes row delete on Enter

I found the following BatchEdit behavour inconvenient (see your demo)
1. change to edit Row
2. click to edit any row, go to edit a product name textbox
3. press enter and you see a popup asking to delete this row

I think it's an unexpected logic with bad user experience.

Grid

answered on 09 Jul 2014

1 answer

155 views

Resource Sorting Order in Agenda View

Hello,
We're taking advantage of both the standard (day/week/month) and agenda view of the Scheduler for showing an Appointment data set. In standard view we take advantage of resource grouping and use order to organize the columns according to our desired display order. In our data we always want "Program" (blue) to be first. In agenda view however, the order of the resources displayed across a similar time span does not seem to adhere to any particular order. In the attached screen grab the "Program" (blue) resource comes up first at 1am but then comes up second at 1:30am. Is there any way to use the resource order from grouping in the agenda view?
Thanks.

Scheduler

answered on 09 Jul 2014

9 answers

81 views

[Solved] RadGrid Filtering Display Broken by Q1 2014 Release

Filter menus are not displayed in place by the filter button in IE (10-7), if the width of the RadGrid is greater than the screen width. I know, poor design on my part.

The filter menus now seem to be displayed somewhere to the left if the user has scrolled horizontally before selecting a column to filter. The newest release's notes from Telerik do not seem to address this issue.

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

<telerik:RadGrid ID="test" runat="server" AllowFilteringByColumn="true">

<MasterTableView AutoGenerateColumns="true">

</MasterTableView>

</telerik:RadGrid>



Protected Sub test_NeedDataSource(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles test.NeedDataSource
 
test.DataSource = Me.TableOfData
 
End Sub

Grid

answered on 09 Jul 2014