Questions on UI for ASP.NET AJAX Forum

4 answers

300 views

Currently i am working with the RadAsyncUpload Telerik control. Everything is working as i hoped it would: Validating the number of files clientside, being able to upload multiple files, etc. So everything works fine. However, one client has come to me and expressed his dislike for the UI of the button. Attached should be a screenshot showing an asp button being highlighted and the "Upload Pictures" being the RadAsyncUpload button. I can't seem to find a way to customize the RadAsyncUpload button to reflect the similar representation that the asp buttons provide (hovering color, buttonsize, onclick color, etc.). So my question is, is there anyway to add an asp button which would trigger RadAsyncUpload's upload process?

Thanks again for the help,

- Pat

AsyncUpload

answered on 13 Feb 2012

1 answer

80 views

Rad grid row height auto resize issue in IE8

Hi Team,

The Rad grid used in our application has different controls in each Item template.
In IE6, IE7 & IE9, the row height is automatically getting resized based on the content inside the cells in each row.
But in IE8, it is not getting resized automatically.
I attached the screen shots of how the grid loaded in IE7 and IE8.
Please look into the screen shot and provide us solution to resolve this issue.

We are using Telerik 2009.2.701.35 Version.

Thanks,
Meenakshi.

Grid

answered on 13 Feb 2012

1 answer

196 views

grid column to have upload and download a doc/docx file in telerik radgrid

Hi,
I have radgrid on my page. My Requirement is to enter data to few columns and in one of the column, I will have to upload a resume(This file can be in Doc or Docx format). I need to save this to DB and then again rebind the grid. After rebinding I will have to be able to download this resume.
Request for a sample code for achieving this.
Thanks and Regards,
Deepika Karanth

Grid

answered on 13 Feb 2012

1 answer

80 views

[Solved] WebServiceSettings error

I've found what I think is a bug with the RadMenu control in the newest version of the RadControls (2011.3.1305). I had created a static RadMenu control (i.e. items defined at design time, using the smart tags) before the latest upgrade, and the generated code looked like this:

<telerik:RadMenu ID="RadMenu2" runat="server">

<Items>

<telerik:RadMenuItem runat="server" ImageUrl="..." Text="..." >

<Items>

<telerik:RadMenuItem runat="server" ImageUrl="..." Text="..." NavigateUrl="...">

</telerik:RadMenuItem>

[... several more items ...]

</Items>

</telerik:RadMenuItem>

</Items>

<WebServiceSettings>

<ODataSettings InitialContainerName="">

</ODataSettings>

</WebServiceSettings>

</telerik:RadMenu>

This worked fine before the upgrade, but after we upgraded to the newest version, I started getting the following error in the Chrome developer console on the page that contained the control:

Uncaught TypeError: Cannot read property 'Name' of undefined

b.ODataBinderTree._buildNodeScriptResource.axd:27

b.ODataBinderTree._buildTreeScriptResource.axd:23

b.ODataBinderTreeScriptResource.axd:17

b.NavigationControlODataSettingsScriptResource.axd:7

a.RadMenu.set_webServiceSettingsScriptResource.axd:425

Sys$Component$_setPropertiesScriptResource.axd:3758

Sys$Component$createScriptResource.axd:3816

(anonymous function)http://[websitename]/:856

(anonymous function)ScriptResource.axd:3484

Sys$_Application$_raiseInitScriptResource.axd:5078

Sys$_Application$initializeScriptResource.axd:4928

initScriptResource.axd:5032

Sys$_Application$_domReady.document.addEventListener.check

The RadMenu still displayed, but the dropdown wouldn't work, and other RadControls that appeared later on the page didn't work, probably because the browser simply stopped loading scripts at that point. The fix was to comment out the <WebServiceSettings> tag, which made the error disappear and the functionality return to normal. Since it was a static menu anyway, the functioning of the menu wasn't affected. I figured I'd post this here to help others who might have the same problem, and it might also be something the developers would want to patch in a future version of the controls.

Menu

answered on 13 Feb 2012

1 answer

113 views

[Solved] Populate RadToolBarDropDown Text

I'm working with the RadToolBarDropDown control, and the goal is to populate the text of the RadToolBarDropDown dynamically in C#;

The RadToolBarDropDown is encapsulated in a RadToolBar;

Is it best to place the below code in a "if (!IsPostBack)" section :

RadToolBarDropDown rbViewReport = (RadToolBarDropDown)RadToolBar4.FindItemByText("Please Select");

rbViewReport.Text = RetrievedValueConfirm;

ToolBar

answered on 13 Feb 2012

3 answers

227 views

validation not working with radtabstrip

I am using Windows XP, VS 2008 VB, and Telerik controls 2009.2.826.35. I have a radtabstrip with three tabs and a radmultipage with three pageviews. There are fieldvalidators for the first two pages/tabs and a validationsummary for each. The validation is triggered if the user clicks on the button at the bottom of the page but wont’t if they just click on the tab at the top. If a user clicks on the second tab without all the required fields filled in on the first pageview, I want the validationgroup for that page to be triggered. If the user gets as far as the second pageview and clicks on the third tab, without all required fields filled in, then I want the validationgroup for the second page to be triggered.

I have set the “CausesValidation” property to true but it appears to have no effect. I have also tried to use the javascript routine, UpdateValidationGroup (two slightly different variations), that I found in your forums but it gives me an error: “Microsoft JScript runtime error: 'undefined' is null or not an object”. It occurs on the line: var selectedTab = tabstrip.get_selectedTab();.
Below is my markup without the pageviews and the controls.

Thanks for any assistance,
Alex

<%@ Page Title="" Language="VB" MasterPageFile="~/Pages/MasterPages/MasterPage.master"

AutoEventWireup="false" CodeBehind="ExamRegistration.aspx.vb" Inherits="SPPOnlineExamRegistrationWebApp.Pages_ExamRegistration" %>

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

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

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

<br />

<p style="text-align: center">

<asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Size="Medium" Text="Pesticide Exam Registration"></asp:Label>

</p>

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

</telerik:RadScriptManager>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadMultiPage1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadTabStrip1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<script type="text/javascript" >

function UpdateValidationGroup()

{

var tabStrip = $find("<%= RadTabStrip1.ClientID %>");

var selectedTab = tabStrip.get_selectedTab();

if(selectedTab != null)

tabStrip.ValidationGroup = selectedTab.get_value();

}

</script>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"

SelectedIndex="0" BorderStyle="None" Font-Size="Medium" Skin="WebBlue" Height="19px" CausesValidation="true"

Width="441px" AutoPostBack="True" OnClientTabSelected="UpdateValidationGroup" ValidationGroup="ExamRegistration" >

<Tabs>

<telerik:RadTab runat="server" PageViewID="rpvExamRegistration" Text="Exam Registration"

SelectedIndex="0" Selected="True" onclick="UpdateValidationGroup()" Value="ExamRegistration" >

</telerik:RadTab>

<telerik:RadTab runat="server" PageViewID="rpvContactInformation" Text="Contact Information"

SelectedIndex="1" onclick="UpdateValidationGroup()" Value="ContactInfo" >

</telerik:RadTab>

<telerik:RadTab runat="server" PageViewID="rpvConfirmation" Text="Confirmation" SelectedIndex="2">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

TabStrip

answered on 13 Feb 2012

1 answer

91 views

Custom Sorting

Hi,

I'm trying to implement sorting on a custom field, could someone provide me with an example

Code as below, would want to implement sorting on

<telerik:RadGrid ID="rgContactsResult" runat="server" Width="99%" AllowPaging="True" AllowSorting="true"

GridLines="None" PageSize="10" AllowFilteringByColumn="True" AutoGenerateColumns="false">

</ClientSettings>

<telerik:GridBoundColumn HeaderText="Our Ref" UniqueName="contactID" DataField="contactID" AllowFiltering="false" >

<telerik:GridTemplateColumn HeaderText="ContactJob" UniqueName="ContactJob" AllowFiltering="false">
<ItemTemplate>

<%# ContactJob(DataBinder.Eval(Container.DataItem, "ContactID"))%>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Thanks

Grid

answered on 13 Feb 2012

4 answers

146 views

[Solved] Selecting TextBox text when residing in a RadWindow

For a long time now I've used a dependable Javascript function to preselect the text in a textbox. However I discovered today that when a textbox resides in an AJAXifield RadWindow, a more complex approach has to be used. Here's the code showing both approaches:

function SetFocusAndSelectText(tbID) {<br> var textBox = $get(tbID);<br><br>

// Standard approach<br>    textBox.focus();<br>    textBox.select();<br><br><br>    // Approach when the TextBox resides in an AJAXified RadWindow<br>    //    function f() {<br>    //      debugger <br>    //      if (textBox != null) {<br>    //        textBox.focus();<br>    //        textBox.select();<br>    //      }<br><br>    //      Sys.Application.remove_load(f);<br>    //    }<br><br>    //    Sys.Application.add_load(f);<br>  }

I'm wondering if there's a way to test for whether the textbox sits within a RadWindow? If so, then I could just call one function and let it decide which approach to use.

Sincerely,

Robert W.

Window

answered on 12 Feb 2012

1 answer

174 views

Multiple appointments through RadScheduler control - Exporting ICS File

Hi

I'm working on "Add to Calendar" feature from my Sharepoint webpart (created using VS2010). If I want to include multiple breakdown appointments (For Ex, one for today between 9.00 a.m - 11 a.m & one for tomorrow between 3.00 p.m - 5.00 p.m), How do I do that?
The following code works for a single appointment. Its creating an additional calendar if I have more that one appointment.
Instead I should be able to update my existing calendar with the multiple appointments.

Could you please assist me how to do this?

Here is part of my code

                //........

                EventSessions = from eventobj1

in

context.EventSessions

where eventobj1.Event.Id == eventid

select eventobj1;

foreach (EventSessionsItem session in EventSessions)

{

Appointment _appointment = new Appointment();

editor.Content = session.Event.EventDetails;

_appointment.Subject = session.Title;

_appointment.Description = Server.HtmlDecode(editor.Text);

_appointment.Start = session.DateOfSession.Value;

_appointment.End = dtStart.AddHours(session.SessionDuration.Value);

sbICSFile.Append(RadScheduler.ExportToICalendar(_appointment));

}

WriteCalendar(sbICSFile.ToString());





private

void

WriteCalendar(String data)

{

HttpResponse response = Page.Response;

response.Clear();

response.Buffer =

true

;

response.ContentType =

"text/calendar"

;

response.ContentEncoding = Encoding.UTF8;

response.Charset =

"utf-8"

;

response.AddHeader(

"Content-Disposition", "attachment;filename=\"Calendar.ics\""

);

response.Write(data);

response.End();

}

Scheduler

answered on 12 Feb 2012

1 answer

152 views

Problem in show a webpart include RadTreeView in Sharepoint 2010

Hi there,

I have created a webpart include a RadTreeView in Sharepoint 2010. However, when I open the IE to see webpart , I see following script error:

Message: 'RadTreeView1_NodeClicked' is undefined

Line: 1481

Char: 5

Code: 0

URI: http://kms/SitePages/Home.aspx

My Visual Webpart code(.ascx) is such as follow:

<%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %>

<%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

<%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

<%@ Register Tagprefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>

<%@ Import Namespace="Microsoft.SharePoint" %>

<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="HiTreeViewUserControl.ascx.cs" Inherits="TreeView.HiTreeView.HiTreeViewUserControl" %>

<%@ Register Assembly="Telerik.Web.UI, Version=2011.3.1115.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4"

Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<%@ Register Assembly="Telerik.Web.UI, Version=2011.3.1115.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4"

Namespace="Telerik.Web.Design" TagPrefix="telerik" %>

<telerik:RadTreeView ID="RadTreeView1" Runat="server" EnableEmbeddedScripts="true"

OnClientNodeClicked="RadTreeView1_NodeClicked">

<DataBindings>

<telerik:RadTreeNodeBinding Expanded="True" />

</DataBindings>

</telerik:RadTreeView>

<telerik:RadTextBox ID="Dscp" Runat="server" Height="100px" LabelWidth=""

Text="Comment" TextMode="MultiLine" Width="325px">

</telerik:RadTextBox>

<p>

</p>

<telerik:RadButton ID="btnUpdate" runat="server" onclick="btnUpdate_Click"

Text="Update">

</telerik:RadButton

The Code Behind is such as follow:

using System;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using Telerik.Web.UI;

using System.Data;

using Microsoft.SharePoint;

using Microsoft.SharePoint.WebControls;

namespace TreeView.HiTreeView

{

public partial class HiTreeViewUserControl : UserControl

{

static int selectedItem;

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

BindToDataSet(RadTreeView1);

}

private static void BindToDataSet(RadTreeView treeView)

{

try

{

DataSet dataSet = new DataSet();

dataSet.Tables.Add("Table");

dataSet.Tables[0].Columns.Add("ID", typeof(int));

dataSet.Tables[0].Columns.Add("ParentID", typeof(int));

dataSet.Tables[0].Columns.Add("Text", typeof(string));

SPSite spSite = new SPSite(SPContext.Current.Web.Url);

SPWeb spWeb = spSite.OpenWeb();

SPList peopleList = spWeb.Lists["People"];

foreach (SPListItem people in peopleList.Items)

{

DataRow row = dataSet.Tables[0].NewRow();

row["ID"] = people["ID"];

row["Text"] = people["Name"];

if (people["Manager"] != null)

{

int intIndex = Convert.ToInt32(people["Manager"].ToString().IndexOf(';'));

row["ParentID"] = Convert.ToInt32(people["Manager"].ToString().Substring(0, intIndex));

}

dataSet.Tables[0].Rows.Add(row);

}

treeView.DataTextField = "Text";

treeView.DataFieldID = "ID";

treeView.DataFieldParentID = "ParentID";

treeView.DataSource = new HierarchicalDataSet(dataSet, "ID", "ParentID");

treeView.DataBind();

}

catch(Exception ex)

{

}

protected void RadTreeView1_NodeClicked(object sender, EventArgs e)

{

SPSite spSite = new SPSite(SPContext.Current.Web.Url);

SPWeb spWeb = spSite.OpenWeb();

SPList peopleList = spWeb.Lists["People"];

foreach (SPListItem people in peopleList.Items)

{

if (people["Name"] != null)

{

if (RadTreeView1.SelectedNode.Text.ToString() == people["Name"].ToString())

{

if (people["Comment"] != null)

{

Dscp.Text = people["Comment"].ToString();

}

else

{

Dscp.Text = "";

}

selectedItem = Convert.ToInt32(RadTreeView1.SelectedNode.Value.ToString());

}

protected void btnUpdate_Click(object sender, EventArgs e)

{

SPSite spSite = new SPSite(SPContext.Current.Web.Url);

SPWeb spWeb = spSite.OpenWeb();

SPListItem itemUpdate = spWeb.Lists["People"].Items[selectedItem];

itemUpdate["Comment"] = Dscp.Text;

itemUpdate.Update();

}

my email address: kassaiefarshad@yahoo.com

Sharepoint Integration

answered on 12 Feb 2012