Questions on UI for ASP.NET AJAX Forum

4 answers

175 views

Hi,
I'm trying to work out how to get a tab shown to the right with a horizontal sliding zone. At the moment I have a panel with a search popup panel under it. Looks good but would look better if the tab button that opens the search panel was on the right hand side rather than the left - the accompanying image shows what I want to achieve...

Regards,

Jon

Splitter

answered on 06 Jul 2011

7 answers

133 views

Sys & Telerik undefined when ObjectDataSource used with RadScheduler

Hi!

I'm trying to reproduce the resource availability demo using ObjectDataSources instead. Trying to build the code from scratch to get to know the component. As soon as I set DataSourceId referencing an ObjectDataSource on either the Scheduler or a ResourceType the scripts from WebResource is not included in the page. Before I add the datasource, two scripts are loaded and it checks whether Sys is undefined, but when the datasource is set, the scripts are not there and it just attempts to start the initialization.
I use the Q1 2011 version.

Any ideas?
Here's the code:
(If you remove DataSourceID, GroupBy and ResourceTypes, it works fine, otherwise scripts is not loaded)

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Scheduler.aspx.cs" Inherits="TelerikPrototyping.Scheduler" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!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 runat="server" ID="RadScriptManager" >

</telerik:RadScriptManager>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadScheduler1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadScheduler" LoadingPanelID="RadAjaxLoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

<asp:ObjectDataSource runat="server"

ID="EntriesDataSource"

TypeName="TelerikPrototyping.Scheduler"

SelectMethod="GetEntries"

OnObjectCreating="OnDataSourceCreating"

DataObjectTypeName="TelerikPrototyping.SchedulerEntry, Telerik.Calendar"

/>

<asp:ObjectDataSource runat="server"

ID="RoomsDataSource"

TypeName="TelerikPrototyping.Scheduler"

SelectMethod="GetRooms"

OnObjectCreating="OnDataSourceCreating"

DataObjectTypeName="TelerikPrototyping.Room, Telerik.Calendar"

/>

<div>

<telerik:RadScheduler runat="server"

ID="RadScheduler"

DataKeyField="Id"

DataSubjectField="Subject"

DataStartField="Start"

DataEndField="End"

HoursPanelTimeFormat="HH:mm"

GroupBy="Rooms"

DataSourceID="EntriesDataSource"

>

<ResourceTypes>

<telerik:ResourceType DataSourceID="RoomsDataSource" KeyField="Id" ForeignKeyField="RoomId" TextField="Name" Name="Rooms" />

</ResourceTypes>

</telerik:RadScheduler>

</div>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Web.UI.WebControls;

namespace TelerikPrototyping

{

public partial class Scheduler : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void OnDataSourceCreating(object sender, ObjectDataSourceEventArgs e)

{

e.ObjectInstance = this;

}

public List<SchedulerEntry> GetEntries()

{

return GetSessionList("entries", new SchedulerEntry("test", DateTime.Today.AddHours(13), DateTime.Today.AddHours(14), GetRooms()[0].Id, new Guid[0]));

}

public List<Room> GetRooms()

{

return GetSessionList("rooms", new Room("Rom 1"), new Room("Rom 2"), new Room("Rom3"));

}

public List<Person> GetPersons()

{

return GetSessionList("persons", new Person("Ola"), new Person("Kari"), new Person("Per"));

}

private List<T> GetSessionList<T>(string key, params T[] initial)

where T : class

{

if (Session[key] == null)

Session[key] = new List<T>(initial);

return (List<T>) Session[key];

}

public class SchedulerEntry

{

public Guid Id { get; private set; }

public string Subject { get; private set; }

public DateTime Start { get; private set; }

public DateTime End { get; private set; }

public Guid RoomId { get; private set; }

public Guid[] PersonIds { get; private set; }

public SchedulerEntry()

{

}

public SchedulerEntry(Guid id, string subject, DateTime start, DateTime end, Guid roomId, Guid[] personIds)

{

Id = id;

Subject = subject;

Start = start;

End = end;

RoomId = roomId;

PersonIds = personIds;

}

public SchedulerEntry(string subject, DateTime start, DateTime end, Guid roomId, Guid[] personIds)

{

Id = Guid.NewGuid();

Subject = subject;

Start = start;

End = end;

RoomId = roomId;

PersonIds = personIds;

}

public class Room

{

public Guid Id { get; private set; }

public string Name { get; private set; }

public Room(Guid id, string name)

{

Id = id;

Name = name;

}

public Room(string name)

{

Id = Guid.NewGuid();

Name = name;

}

public Room()

{

}

public class Person

{

public Guid Id { get; private set; }

public string Name { get; private set; }

public Person(Guid id, string name)

{

Id = id;

Name = name;

}

public Person(string name)

{

Id = Guid.NewGuid();

Name = name;

}

Never mind the Session state of the data sources - that will change when everything works. ;)

Lars-Erik

Scheduler

answered on 06 Jul 2011

3 answers

202 views

RadGrid select row from querystring id

Hello,

I want to be able to pass an id through a querystring and select the row corresponding to that id on the grid, and that grid has paging enabled.

The code that i have working is very inefficient because in order to do this on a paged grid, I have to go through all pages, and rebind to have access to the items and see if the one I want to select is that one. I haven't found a better way to do this, does anyone knows if there is a better way to do this?

Ah, and it seems that the selected value of the combobox with the page size is and empty string when I do this instead of showing the actual size.

Thanks in advance!

if (!Page.IsPostBack)

{

object folderOb = Request.QueryString["Folder"];

if (folderOb == null) return;

int folderId = int.Parse(folderOb.ToString());

while (grdFolders.CurrentPageIndex < grdFolders.PageCount)

{

foreach (GridDataItem dataItem in grdFolders.Items)

{

Folder folder = dataItem.DataItem as Folder;

if (folder.FolderId == folderId)

{

dataItem.Selected = true;

grdFolderIndex.Rebind();

return;

}

++grdFolders.CurrentPageIndex;

grdFolders.Rebind();

}

Grid

answered on 06 Jul 2011

1 answer

154 views

Change color of treeview text from sql

Apologies for my English

I create my treeview from a SQL database. In my database have with all the other data two columns
1. Active(bit) true or false
2. Status(nvchar)

when the treeview is build on the load i want the colors to look like this

Node titles displayed in “Green” RGB[102, 188, 41] are Active (Active Flag is true) nodes with an approval status of “Approved”
Node titles displayed in “Amber” RGB [255, 145, 75] are Active nodes that have an approval status of “Pending”
Node titles displayed in “Red” RGB [210, 90, 90] are Active nodes that have an approval status of “Rejected”
Node titles displayed in “Grey” RGB[128, 128, 128] are Inactive regardless of the value of the approval status.

TreeView

answered on 06 Jul 2011

4 answers

388 views

RadComboBox Value not set - takes Text instead

I have the followin radcombobox, where there is a text I wish to display in the dropdown, and a value i will to save in the database:

<telerik:RadComboBox EnableTextSelection="false" ID="RadComboBoxForm" Skin="Office2007" CollapseAnimation-Type="InCubic" ExpandAnimation-Type="OutCubic" runat="server" SelectedValue='<%# Eval( "FormTypeId" ) %>' Text='<%# Bind( "FormTypeId" ) %>'>

<Items>

<telerik:RadComboBoxItem runat="server" Text="" Value="" />

<telerik:RadComboBoxItem runat="server" Text="Caplet" Value="1" />

<telerik:RadComboBoxItem runat="server" Text="Capsule" Value="2" />

<telerik:RadComboBoxItem runat="server" Text="Controlled Release" Value="3" />

<telerik:RadComboBoxItem runat="server" Text="Elixir" Value="4" />

<telerik:RadComboBoxItem runat="server" Text="Ointment" Value="5" />

<telerik:RadComboBoxItem runat="server" Text="Solution" Value="6" />

<telerik:RadComboBoxItem runat="server" Text="Supplement" Value="7" />

<telerik:RadComboBoxItem runat="server" Text="Suspension" Value="8" />

<telerik:RadComboBoxItem runat="server" Text="Syrup" Value="9" />

<telerik:RadComboBoxItem runat="server" Text="Tablet" Value="10" />

</Items>

</telerik:RadComboBox>

I am databinding, and I have an integer key awaiting the value of the radcombo in the database. I am finding that it is finding the text value and not the "Value" of the radcombobox which is an integer. Is there any way to store the integer value in the database instead ?

ComboBox

answered on 06 Jul 2011

1 answer

98 views

Extract Searchstring from GridColumn Filtering

Hello everybody,

We are using several RadGrids with Column Filtering enabled. Some columns use a Template Column with a Template Filter Template while others use standard filter functionality. We use AutoPostBack for each Filter. We need to extract the filter string that is used for filtering in order to process a sophisticated search on the backend.
Is there any possibility to supress the default filter behaviour and execute custom logic?

Thanks in advance.
Marco

Grid

answered on 06 Jul 2011

1 answer

98 views

ImageUploader JS Errors

I am getting this error (image attached) when I open the ImageManagers upload screen:

Sys.ArgumentOutOfRangeException:
Value must be an integer.
Parameter name: y Actual value was -2.383331298828125.

{name: "y", type: Number, integer: true}

I'm using the latest Version (as of time of reply): 2011.1 519 (May 19, 2011).

The error happens when the uploader dialog section is open and when I mouse over the upload textbox and back into the white space underneath it.

Here is my code for the front end:

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

Inherits="Web.Admin.CustomCertificateEdit" MasterPageFile="~/Core/DefaultMasterPage.master" %>

<%@ MasterType VirtualPath="~/Core/DefaultMasterPage.master" %>

<%@ Import Namespace="Telerik.Web.UI" %>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="headPlaceHolder">

<style type="text/css">

.radeditorContainer

{

margin-left: auto;

margin-right: auto;

width: 610px;

}

.customCertContentContainer

{

margin-left: auto;

margin-right: auto;

width: 850px;

}

.radEditorErrorColumn

{

vertical-align: bottom;

}

.reTool .ImportField

{

background-image: url(<%= ResolveUrl("~/images/icon_popup_search.gif") %>);

}

</style>

<script type="text/javascript" language="javascript">

function radEditor_ClientCommand(editor, args) {

if (args.get_commandName() == "ImageManager") {

var callback = function (sender, args) {

var result = args.get_value();

$get("hdnImagesUploaded").value += (result.src + ",");

editor.pasteHtml(result, "ImageManager");

};

args.set_callbackFunction(callback);

}

</script>

</asp:Content>

<asp:Content ID="Content2" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">

<asp:HiddenField ID="hdnImagesUploaded" runat="server" />

<cs:CsPanel runat="server" ID="pnlCertificates" Title="Custom Certificate Advanced Editor"

DoLocalize="true">

<br />

<div class="customCertContentContainer">

<div class="radeditorContainer">

<span class="FieldName">

<%= "Certificate Title:".Localize() %></span>

<asp:TextBox ID="txtTitle" runat="server" MaxLength="300" CssClass="FieldValue" Style="width: 300px;" />

<asp:RequiredFieldValidator ID="reqvTitle" ControlToValidate="txtTitle" runat="server"

Text="*" /><br />

<br />

<div style="float: left;">

<cs:CsodRadEditor ID="radeditorCntrl" runat="server" EditorStyle="Advanced" Width="595"

EnableHtmlEdit="true" EnableResize="false" AllowScripts="false" Skin="Windows7" ExternalDialogsPath="~/Core/Telerik" />

</div>

<div class="radEditorErrorColumn">

<asp:RequiredFieldValidator ID="reqvRadEditor" ControlToValidate="radeditorCntrl"

runat="server" Text="*" />

</div>

<div style="clear: both;">

</div>

<br />

<cs:CsImageButton ID="btnSave" runat="server" TemplateName="done" OnClick="btnSave_Click" />

<cs:CsImageButton ID="btnCancel" runat="server" TemplateName="cancel" OnClick="btnCancel_Click" />

</div>

</cs:CsPanel>

<script language="javascript">

Telerik.Web.UI.Editor.CommandList["ImportField"] = function (commandName, editor, args) {

//window.popupCaller = 'textbox';

alert('import field');

};

</script>

</asp:Content>

Here is the pertinent (only part I reference the radeditor) code in my code behind:

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

this.Title = "Advanced Certificate Page Editor".Localize();

this.breadCrumbs.Reload("");

if (!isNew)

{

CertificateEntityModel model = this.PullCertificateFromId(certificateId.Value);

if (model != null)

{

txtTitle.Text = model.Title;

radeditorCntrl.Content = model.Html;

}

//add the custom import field button

EditorTool importFieldTool = new EditorTool("Import Field", string.Empty);

importFieldTool.Name = "ImportField";

importFieldTool.Text = "Import Field".Localize();

radeditorCntrl.Tools[1].Tools.Add(importFieldTool);

//setup the image manager's filepaths and maxfile size

string[] webPath = new string[] { Functions.GetPublicClientCustomCertificatesUploadPath(CorpName) };

radeditorCntrl.ImageManager.ViewPaths = webPath;

radeditorCntrl.ImageManager.UploadPaths = webPath;

radeditorCntrl.ImageManager.DeletePaths = webPath;

radeditorCntrl.ImageManager.MaxUploadFileSize = ONE_MEG;

radeditorCntrl.OnClientCommandExecuted = "radEditor_ClientCommand";

}

One more thing to note; I had an issue with the image uploader throwing a server error of "expression expected". That was fixed when I added "EnableLinqExpressions = false" in a custom dialog control. In fact, it is the same code/methodology as the link http://www.telerik.com/support/kb/aspnet-ajax/editor/displaying-single-upload-control-in-the-filebrowser-upload-manager.aspx with only that one property changed.

I see people are having the same problem in this thread http://www.telerik.com/community/forums/reply-thread.aspx?messageId=0&threadId=263910 however it is a somewhat old thread in which case the version of Telerik being used is older than mine and I was therefore prompted to start a new thread about the issue.

Any idea on how we can solve this?

Editor

answered on 06 Jul 2011

1 answer

66 views

Gridgroupheading in radgrid.

Hi Friends,
I want to display radtreeview selected node text as group heading in radgrid.
Please help me to resolve this issue.

Thanks,
Srinivas.

ComboBox

answered on 06 Jul 2011

9 answers

174 views

ValidationSummary in Medium Trust

Is there a simple workaround for asp:ValidationSummary not working in medium trust when inside a RadAjaxPanel?

When in full trust, no issues, when in medium no validationsummary.

Thanks in advance

General Discussions

answered on 06 Jul 2011

2 answers

369 views

Disable Add new record in MasterTableView

Hi,

I am using AJAX "Grid / Update/Insert/Delete in Hierarchy", in which i am displaying two grid in hierarchy. In the two level of grid i don't want to add/edit/delete the row on first level(MasterTableView). But i need to apply Add/Edit/Delete operation for second level of table view. How can i disable the "Add new record" option in master grid view.

Thanks

Grid

answered on 06 Jul 2011