Questions on UI for ASP.NET AJAX Forum

3 answers

391 views

[Solved] Problems with RadTextBox and resizing

I know there's some old references to this out in the forums but so far I haven't found anything fixes.

I've set a batch of boxes to Resize="Both" and now, if I do a mouseover, the box shrinks slightly. (I've been testing in Chrome and Firefox.)

Suggestions?

Input

answered on 02 Oct 2014

4 answers

1.9K+ views

Uncaught TypeError: Cannot set property 'value' of undefined

Hi

I have a Parent Page A (which is using a Master Page in which there is my RadAjaxmanager, RadScriptmanager) with a User Control. In this User Control I am loading an aspx Page B using JQuery in a hidden DIV . I have some ajaxified TAB controls which is broken after i load the content of the page in the hidden div. The error I got was "Uncaught TypeError: Cannot set property 'value' of undefined"

I was able to isolate the faulty code and it seems that because Page B being loaded contains it's own RadAjaxManager and RadScriptManager... I believe i read somewhere that I need to have only one instance of those ... So my question is, how can I fix this problem since Page B is independent from Page A and that Page B has a Grid Control and a bunch of Telerik Controls which needs both the RadAjaxManager and RadScriptManager ?

Page A with a User Control which has the following code (Javascript to load the hidden div)

#wndShoppingList

{

display: none;

clear: both;

position: relative;

top: -1px;

left: 14px;

border-width: 3px;

border-color: #2c72a0;

border-style: solid;

text-align: left;

min-height: 400px;

background-color: White;

z-index:10;

}

<div class="slControlLabel">

<asp:Label ID="lblShoppingList" CssClass="lblShoppingList" runat="server">Master Shopping List</asp:Label>

</div>

<div class="slControlSeparator">

<img alt="" src="../Images/pxlGray.gif" style="width: 1px; height: 29px" />

</div>

<div class="slControlDropDown">

<img alt="DropDown" src="../Images/btDropDownCharcoal.gif" style="width: 23px; height: 29px" />

</div>

<div id="wndShoppingList">

This is hidden using the CSS Above... and preloaded with ManageShoppingLists.aspx in JQuery below.

</div>

System.Text.StringBuilder sb = new System.Text.StringBuilder();

sb.AppendLine(@"<script type=""text/javascript"">");

sb.AppendLine(@"window.$ = $telerik.$;");

sb.AppendLine(@"$(document).ready(function () {");

sb.AppendLine(@"$.ajaxSetup({ cache: false }); ");

// Dynamic Loading of content

sb.AppendLine(@" var slContent = $('#wndShoppingList'); ");

sb.AppendLine(@" slContent.load('ManageShoppingLists.aspx'); ");

// Add Click Function on the image to Show the wndShoppingList

sb.AppendLine(@"$('.slControlLabel, .slControlDropDown').bind('click',function(event){");

sb.AppendLine(@" $('#wndShoppingList').show(); ");

sb.AppendLine(@" event.stopPropagation(); ");

sb.AppendLine(@"});");

// Binding Close wndShoppingList when clicking outside the DIV

sb.AppendLine(@"// OnClick Event outside the wndShoppinglist.");

sb.AppendLine(@"$('body').click(function(event){ ");

sb.AppendLine(@" if(event.target.id != 'wndShoppingList'){ ");

sb.AppendLine(@" $('#wndShoppingList').hide(); ");

sb.AppendLine(@" } ");

sb.AppendLine(@"});");

sb.AppendLine(@"</script>");

ScriptManager.RegisterStartupScript(this, this.GetType(), "slScript",sb.ToString(), false);

Page B

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ManageShoppingLists.aspx.cs"

Inherits="GrocerMania.ApplicationLayer.Pages.ManageShoppingLists" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

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

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

<telerik:RadAjaxManager ID="AjaxManager" runat="server">

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" InitialDelayTime="3000" MinDisplayTime="3000">

</telerik:RadAjaxLoadingPanel>

<div class="tableContainer">

<div class="header">

<div class="slHeaderLeft">

Select a Saved Shopping List

</div>

<div class="slHeaderRight">

<telerik:RadButton ID="btClose" runat="server" OnClientClicking="function(){$telerik.$(this).hide();}" Width="18" Height="20">

<Image ImageUrl="../Images/icoDeleteGrayX.gif" />

</telerik:RadButton>

</div>

<div class="details">

<div class="gridDescription">

Select a saved Shopping List to open. The list you already have open will be automatically

saved

</div>

<div class="gridContainer">

<telerik:RadAjaxPanel ID="pnlTemplateList" runat="server">

<telerik:RadGrid ID="grdTemplateList" runat="server" AutoGenerateColumns="False"

CellSpacing="0" GridLines="None" ShowHeader="False" OnItemCommand="grdTemplateList_OnItemCommand"

OnItemCreated="grdTemplateList_ItemCreated" Height="300px">

<MasterTableView DataKeyNames="Id">

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<Columns>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="SelectList" CommandArgument="Id"

FilterControlAltText="Filter SelectColumn column" ImageUrl="../Images/btSelectCharcoal.gif"

UniqueName="SelectColumn">

</telerik:GridButtonColumn>

<telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn column" UniqueName="TemplateColumn">

<ItemTemplate>

<asp:Label ID="lblTemplateName" runat="server"> <%# DataBinder.Eval(Container.DataItem, "Description") %></asp:Label><br />

<asp:Label ID="lblLastUpdated" runat="server"> <%# DataBinder.Eval(Container.DataItem, "LastUpdated") %></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter ItemsColumn column" UniqueName="ItemsColumn"

DataField="ItemsInList">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="DeleteList" CommandArgument="Id"

ConfirmText="Are you sure you want to delete this list ?" ConfirmTitle="Delete List"

FilterControlAltText="Filter DeleteColumn column" ImageUrl="..\Images\icoDeleteRedX.gif"

UniqueName="DeleteColumn">

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

<asp:Label ID="lblNoTemplateList" runat="server" Visible="false">There are currently no Template list available.</asp:Label>

</div>

<div id="divDeletedItems" runat="server" visible="false">

<asp:HyperLink ID="lnkDeletedItems" runat="server" NavigateUrl="#"></asp:HyperLink><br />

Click to view or restore deleted lists.<br /></div>

</div>

</form>

</body>

</html>

Ajax

answered on 02 Oct 2014

6 answers

268 views

telerik:RadSplitter collapse using a button click

Hi
I have a radsplitter and I am trying to collapse it on a button click. OnClientClick of the button, I have this method called.
function OnCollapse()
{var splitter = "<%= RadSplitter1.ClientID %>";
var pane = "<%= radPaneAdminLeftMenu.ClientID %>"
pane.Collapse();
return false;
}
It says pane.Collapse() is not supported.

Microsoft JScript runtime error: Object doesn't support this property or method

Please advice.
Thanks.

General Discussions

answered on 02 Oct 2014

1 answer

319 views

RadTreeView - Working with multiple types of Nodes

Hello,

I'm new to Telerik and we are evaluating the tool sets, and so far I like what I see, but I am currently stuck on a problem with the treeview.

The goal, is to have a tree view that is comprised of folders and of reports, and when the user drags the report into the viewer, it loads (right now it's off a button click).

I have the hierarchy working, but I don't think I'm currently doing this correctly. Namely, I haven't figured out how to identify if a RadTreeNode is a Folder, or a Report, which is causing some issues. Secondly, I'm trying to set it where the folders, use the image Icons we have in the project (which I've been able to do) but because I can't 100% tell if it's a report or a folder, the only way I can set it is via if the node has no children, which won't always be the case.

I've got a lot of work to do in cleaning this up, so I figured I'd post this question and hopefully get some direction. I've been reading the documentation and it has helped me get this far, so I'll go ahead and post my code:

Thanks,

Here is my TreeView

<telerik:RadTreeView ID="reportsTree" Runat="server" EnableDragAndDrop="True" EnableDragAndDropBetweenNodes="True" Height="100%" RenderMode="Auto" Skin="Outlook" BorderStyle="Solid" BorderWidth="2px" OnNodeDrop="reportsTree_NodeDrop">
</telerik:RadTreeView>
<telerik:RadContextMenu ID="treeMenu" Runat="server" Skin="Office2010Blue" OnItemClick="treeMenu_ItemClick">
<Targets>
<telerik:ContextMenuControlTarget ControlID="reportsTree" />
</Targets>
<Items>
<telerik:RadMenuItem runat="server" Text="Create Folder">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Delete Folder">
</telerik:RadMenuItem>
</Items>
</telerik:RadContextMenu>

I have a context menu, that I need to hook up to some events, and will do that later.

Here is the code behind that populates the TreeView

private void CreateTreeView()
{
// Get the list of folders
List<Report_Folders> _folders = new List<Report_Folders>();
_folders = rm.Report_Folders.Where(x => x.isUserFolder == false && x.isPublished == true).ToList();

List<Report_Folders> _myFolders = new List<Report_Folders>();
_myFolders = rm.Report_Folders.Where(x => x.isUserFolder == true && x.isPublished == true && x.UserID == myProfile.Id).ToList();

// Get the list of reports
List<Report> _reports = new List<Report>();
_reports = rm.Reports.Where(x => x.OwnerID == 0 && x.isPublished == true).ToList();

List<Report> _myReports = new List<Report>();
_myReports = rm.Reports.Where(x => x.OwnerID == myProfile.Id && x.isPublished == true).ToList();

List<TreeViewItem> treeNotes = new List<TreeViewItem>();

//foreach (Report_Folders item in _folders.Where(x => x.ParentID == null && x.isPublished == true))
//{
// treeNotes.Add(new TreeViewItem(item.FolderName, item.FolderID, item.ParentID, _folders, _reports));
//}

foreach (Report_Folders item in _folders)
{
treeNotes.Add(new TreeViewItem(item.FolderName, item.FolderID, item.ParentID, true, null));
}

foreach (Report_Folders item in _myFolders)
{
treeNotes.Add(new TreeViewItem(item.FolderName, item.FolderID, item.ParentID, true, null));
}

foreach (Report item in _reports)
{
treeNotes.Add(new TreeViewItem(item.ReportName, item.ReportID, item.FolderID, false, item));
}

foreach (Report item in _myReports)
{
treeNotes.Add(new TreeViewItem(item.ReportName, item.ReportID, item.FolderID, false, item));
}

reportsTree.DataFieldID = "ValueID";
reportsTree.DataValueField = "ValueID";
reportsTree.DataTextField = "ValueName";
reportsTree.DataFieldParentID = "ParentID";
//reportsTree.data
reportsTree.DataMember = "TreeViewItem";
reportsTree.DataSource = treeNotes;

ddlFolders.DataSource = treeNotes.Where(x => x.isFolder == true);
ddlFolders.DataTextField = "ValueName";
ddlFolders.DataValueField = "ValueID";
ddlFolders.DataBind();

reportsTree.DataBind();

foreach (RadTreeNode item in reportsTree.Nodes)
{
foreach (RadTreeNode sub in item.Nodes)
{
sub.ImageUrl = "~/Content/Images/SmallImages/folder.png";
sub.ExpandedImageUrl = "~/Content/Images/SmallImages/open.png";
}

item.ImageUrl = "~/Content/Images/SmallImages/folder.png";
item.ExpandedImageUrl = "~/Content/Images/SmallImages/open.png";
}

reportsTree.ExpandAllNodes();
}

As you can see, I have a collection of TreeViewItem which I populate from the Reports_Folders table, and the Reports table. It has properties like this:

public TreeViewItem(string Name, int ID, int? _pID, bool _isThisfolder, Report _reportValue)
{
this.ValueId = ID;
this.ValueName = Name;
this.ParentID = _pID;
this.isFolder = _isThisfolder;
this.SelectedReport = _reportValue;
}

I would like to set it's image properties, but for the time being, I don't know if I'm doing this correctly, or if there is a better way to go about setting up this tree view the way that I want it to be handled.

The main issue right now, is that I can't seem to get TreeViewItem from the selected node in the treeview, so I'm a bit confused.

If you can help point me in the right direction that would be fantastic. I've been reading the documentation over on http://www.telerik.com/help/aspnet-ajax/treeview-data-binding-hierarchical.html but am still not 100% there.

TreeView

answered on 02 Oct 2014

3 answers

175 views

DropdownList scrollbars and DropdownHeight

Contrary to what I mentioned in this thread...

http://www.telerik.com/forums/missing-dropdown-scrollbar#VJvAA0Py9kitURlSmCO7iw

It would appear that the Dropdownlist control suffers from the same issue of not displaying scrollbars and calculating its height from available screen space (a la radcomobox) without explicitly setting a DropDownHeight property. Why is this so? It doesn't make any sense.

DropDownList

answered on 02 Oct 2014

3 answers

254 views

[Solved] Register assembly to a specific control

I have Telerik Assemblies (old and new) registered in GAC.
i want that my RadImageEditorControll run with new assemby. How can i do it?

i want all my application and controlls to run with old assembly only radimageeditor to run with new assembly?
is there any way to do it in web.config?

ImageEditor

answered on 02 Oct 2014

1 answer

356 views

Set checked unchecked from Server Side

How can I check or uncheck the button from server side? I'm using the following code to set the checked state of the Radbutton control from the server side to no avail.

If (AutoFillState = 1) Then

' set the checked state of the control

RadBtnAutoFill.Checked = True

Else

' set the checked state of the control

RadBtnAutoFill.Checked = False

End If

' Set the Subscription radio button that is that toggles their subscription list preferences

If (SubscriptionState = 1) Then

' set the checked state of the control

RadBtnSubscriptions.Checked = True

Else

' set the checked state of the control

RadBtnSubscriptions.Checked = False

End If

<telerik:RadButton id="RadBtnAutoFill" runat="server" CssClass="AutoFill" ToggleType="CheckBox" ButtonType="StandardButton" AutoPostBack="false"

OnClientToggleStateChanged="OnAutoFillToggleStateChanged">

<ToggleStates>

<telerik:RadButtonToggleState Text="AutoFill Disabled" PrimaryIconCssClass="rbToggleCheckbox"></telerik:RadButtonToggleState>

<telerik:RadButtonToggleState Text="AutoFill Enabled" PrimaryIconCssClass="rbToggleCheckboxChecked"></telerik:RadButtonToggleState>

</ToggleStates>

</telerik:RadButton>

<telerik:RadButton id="RadBtnSubscriptions" runat="server" CssClass="Subscriptions" ToggleType="CheckBox" ButtonType="StandardButton" AutoPostBack="false"

OnClientToggleStateChanged="OnSubsToggleStateChanged">

<ToggleStates>

<telerik:RadButtonToggleState Text="Subscriptions Disabled" PrimaryIconCssClass="rbToggleCheckbox"></telerik:RadButtonToggleState>

<telerik:RadButtonToggleState Text="Subscriptions Enabled" PrimaryIconCssClass="rbToggleCheckboxChecked"></telerik:RadButtonToggleState>

</ToggleStates>

</telerik:RadButton>

Button

answered on 02 Oct 2014

3 answers

97 views

[Solved] Insert Image unable to save in your demo and after implementaion also

When i click on insert image tool on RadImageEditor it asks for a url and when i give an image url in it and SET, image is placed on the RadImageEditor Canvas but i am unable to save that from RadImageEditor after insertion of image from url.
Even i have tried it from your demo but i am unable to save after insert image. is it a BUG?
http://demos.telerik.com/aspnet-ajax/imageeditor/examples/toolbarmodes/defaultcs.aspx and http://demos.telerik.com/aspnet-ajax/imageeditor/examples/canvassupport/defaultcs.aspx are the demos i have used and https://yt3.ggpht.com/--5R1fXG2ZC0/AAAAAAAAAAI/AAAAAAAAAAA/dxGi8Yriddc/s100-c-k-no/photo.jpg is the image i have used.

ImageEditor

answered on 02 Oct 2014

3 answers

205 views

RadScheduler database schema

Hi,

are you publishing somewhere the RadScheduler database schemas used in your sample applications?

Thanks,

-Gabriele

Scheduler

answered on 02 Oct 2014

1 answer

252 views

Get User Data from Dynamic Control in RadWindow

Hello,

I am working on a project with a RadWindow.
Controls are added dynamically to the RadWindow. (TextBox, radioButton CheckBox etc.)
The user can enter data into the dynamic controls.

My ASPX code::

<telerik:RadWindow runat="server" ID="RadWindow2">

<ContentTemplate>

<telerik:RadAjaxPanel ID="MyPopUp_RadAjaxPanel1" runat="server" Width="90%"></telerik:RadAjaxPanel>

<asp:UpdatePanel ID="Updatepanel1" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<asp:Button ID="Button_Ajax" Text="Click for AJAX" runat="server" OnClick="Button_Ajax_Click" />

<br />

<asp:Label ID="Label1" Text="I will be updated" runat="server" />

</ContentTemplate>

</asp:UpdatePanel>

</ContentTemplate>

</telerik:RadWindow>

<telerik:RadButton ID="btn_win2" runat="server" Text="win 2">

</telerik:RadButton>

VB.NET:

Protected Sub btn_win2_Click(sender As Object, e As EventArgs) Handles btn_win2.Click

Dim lbl As Label = New Label()

Dim txt As TextBox = New TextBox()

txt.ID = "txb_win2"

lbl.ID = "lbl_win2"

lbl.Text = "new lbl"

MyPopUp_RadAjaxPanel1.Controls.Add(lbl)

MyPopUp_RadAjaxPanel1.Controls.Add(txt)

RadWindow2.VisibleOnPageLoad = True

'RadWindow2.Width = 500

'RadWindow2.Height = 300

RadWindow2.Modal = True

RadWindow2.CenterIfModal = True

End Sub

Protected Sub Button_Ajax_Click(sender As Object, e As EventArgs)

RadWindow2.VisibleOnPageLoad = False

lbl_NewUserData.Text = ""

'Dim panel As RadAjaxPanel = TryCast(RadWindow2.ContentContainer.FindControl("MyPopUp_RadAjaxPanel1"), RadAjaxPanel)

For Each ct In RadAjaxPanel1.Controls

lbl_NewUserData.Text += ct.ToString() + vbCrLf

Next

End Sub

How can I access the controls and the data which the user entered?
I want to retrieve this information when the user clicks a button.

Thanks,

Daniel.

Window

answered on 02 Oct 2014