Questions on UI for ASP.NET AJAX Forum

2 answers

118 views

Problem with absolute paths when exporting to PDF

Hi,

you write

Our PDF engine can export all images nevertheless whether they use an absolute or relative path

However, when I use
img src="https://localhost/images/imagename.png" - it says "... is not a valid virtual path"

If i use 127.0.0.1 - it does not work either. I guess the same will be with computer name. But i cannot use some other address, because I have test site mounted on IIS locally!

What should i do?

Btw, I cannot use relative path, too, because i have cookieless session on the site and it throws image not found exception when rendering PDF

Could not find a part of the path

file:///C:/TFS/WizardsFramework/Main/Source/B4Restore.Web.Client.TSM-SVC/(S(xxxxxxxxxxx))/images/imagename.png

Grid

answered on 08 Apr 2011

5 answers

107 views

Radupload inside radgrid theme problem

<telerik:RadUpload EnableFileInputSkinning="true" EnableEmbeddedSkins="true" Skin="WebBlue" Width="350" InputSize="30" runat="server" ID="RadUpload1" AllowedFileExtensions=".gif,.jpeg,.jpg,.bmp,.png" OverwriteExistingFiles="true" InitialFileInputsCount="1"OnClientFileSelected="checkExtension" ControlObjectsVisibility="None" MaxFileInputsCount="1">

</telerik:RadUpload>

I have added the above code in the EditFormSettings-<FormTemplate> tag of my aspx page.
The theme for radupload is applyed when i am in the add mode of the grid.
but fails to apply skin when i am in the edit mode.
i have not added any code related to radupload.

plzz help me with this issue.

Thanks
K²

Upload (Obsolete)

answered on 08 Apr 2011

2 answers

116 views

Update viewpath dynamically after grid row selected

What I am trying to do is to dynamically change the viewpath on my fileexplorere based on the selected item in a radgrid.

Unfortunately ItemCommand fires off after the Page_load event. This means that when the user makes his selection Page_load still does not know that an item has been selected at all.

Which means I cannot update the viewpath for the fileexplorer, as page_load is the latest event that this can be done it seems.

Does anyone have any other ideas?

I've actually had it sort of working where I dynamically create a fileexplorer in the ItemCommand event. When I do this though, the upload and delete commands do not seem to function properly. Not to mention if a postback occurs that is not casused by the grids itemcommand event fireing the fileexplorer disappears.

Right now it looks like I will just manually create my own.

FileExplorer

answered on 08 Apr 2011

1 answer

162 views

RadAjaxManager & JavaScript - need help

Hello,

Maybe just having a bad day, but I can't figure out what I've done wrong. When I introduced the RadAjaxManager to my page, one of my Javascript functions executes, does not throw any errors, but does not update the document. If I remove the RadAjaxManager my Javascript executes properly. The function called is previewStyle, and is called by this button: <asp:Button ID="previewCSS" runat="server" Text="Preview" OnClientClick="previewStyle(); return false;" />

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

</telerik:RadScriptManager>

<telerik:RadAjaxManager runat="server">

<ajaxsettings>

<telerik:AjaxSetting AjaxControlID="rgCampaignThemes">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgCampaignThemes" LoadingPanelID="radAjaxLoadingPanel1" UpdatePanelHeight="" />

<telerik:AjaxUpdatedControl ControlID="editorCSS" LoadingPanelID="radAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</ajaxsettings>

</telerik:RadAjaxManager>

<telerik:RadScriptBlock ID="radScriptBlock1" runat="server">

<script src="../Scripts/jquery-1.5.js" type="text/javascript"></script>

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

function previewStyle(){

try{

var editor = $find("<%=editorCSS.ClientID%>");

//$('style[type="text/css"]').text(editor.get_html());

var newStyleSheet = '<style type="text/css">' + editor.get_html() + '</style>';

var filterVar = $('style[type="text/css"]');

filterVar.replaceWith(newStyleSheet);

}

catch(e){

alert(e);

}

</script>

</telerik:RadScriptBlock>

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

</telerik:RadAjaxLoadingPanel>

<telerik:RadGrid Width="600px" ID="rgCampaignThemes" AllowSorting="True" Skin="WebBlue"

EnableLinqExpressions="False" runat="server" GridLines="None" AllowPaging="True"

OnNeedDataSource="rgCampaignThemesNeedDataSource" OnItemCreated="rgCampaignTheme_ItemCreated"

OnSelectedIndexChanged="rgCampaignThemes_SelectedIndexChanged" MasterTableView-NoDetailRecordsText="No Themes"

OnItemCommand="rgCampaignTheme_ItemCommand" OnDetailTableDataBind="rgCampaignTheme_DetailTableDataBind"

OnPreRender="rgCampaignTheme_preRender">

<mastertableview tablelayout="Fixed" clientdatakeynames="id" datakeynames="id" autogeneratecolumns="False"

allowfilteringbycolumn="true" allowsorting="true" allowpaging="true" pagesize="15"

pagerstyle-visible="true">

<DetailTables>

<telerik:GridTableView AutoGenerateColumns="false" NoDetailRecordsText="">

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

<Columns>

<telerik:GridButtonColumn CommandName="Select" Text="Select" UniqueName="Select">

</telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="id" HeaderText="Id" SortExpression="id" UniqueName="id"

AllowFiltering="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" Visible="false" />

<telerik:GridBoundColumn DataField="themeName" HeaderText="Theme" SortExpression="themeName"

UniqueName="themeName" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left"

AllowFiltering="true" />

<telerik:GridBoundColumn DataField="paletteName" HeaderText="Palette" SortExpression="paletteName"

UniqueName="paletteName" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left"

AllowFiltering="true" />

<telerik:GridBoundColumn DataField="isActive" HeaderText="Active" SortExpression="isActive"

AllowFiltering="true" UniqueName="isActive" DataType="System.Boolean" HeaderStyle-HorizontalAlign="Center"

ItemStyle-HorizontalAlign="Center" />

<telerik:GridButtonColumn CommandName="ToggleActive" Text="Toggle Active" UniqueName="ToggleActive">

</telerik:GridButtonColumn>

<telerik:GridButtonColumn CommandName="GenerateImages" Text="Generate Images" UniqueName="GenerateImages">

</telerik:GridButtonColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

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

<ExpandCollapseColumn Visible="True"></ExpandCollapseColumn>

<Columns>

<telerik:GridButtonColumn CommandName="Select" Text="Select" UniqueName="Select" ItemStyle-Width="50px">

</telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="id" HeaderText="Id" SortExpression="id" UniqueName="id"

AllowFiltering="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" Visible="false" />

<telerik:GridBoundColumn DataField="themeName" HeaderText="Theme" SortExpression="themeName"

UniqueName="themeName" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left"

AllowFiltering="true" HeaderStyle-Width="150px"/>

<telerik:GridBoundColumn DataField="paletteName" HeaderText="Palette" SortExpression="paletteName"

UniqueName="paletteName" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left"

AllowFiltering="true" />

<telerik:GridBoundColumn DataField="isActive" HeaderText="Active" SortExpression="isActive"

AllowFiltering="true" UniqueName="isActive" DataType="System.Boolean" HeaderStyle-HorizontalAlign="Center"

ItemStyle-HorizontalAlign="Center" />

<telerik:GridBoundColumn DataField="ParentId" HeaderText="ParentId" SortExpression="ParentId" UniqueName="ParentId"

AllowFiltering="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" Visible="false" />

<telerik:GridButtonColumn CommandName="ToggleActive" Text="Toggle Active" UniqueName="ToggleActive">

</telerik:GridButtonColumn>

<telerik:GridButtonColumn CommandName="GenerateImages" Text="Generate Images" UniqueName="GenerateImages">

</telerik:GridButtonColumn>

<telerik:GridButtonColumn CommandName="Up" Text="Up" UniqueName="Up">

</telerik:GridButtonColumn>

<telerik:GridButtonColumn CommandName="Down" Text="Down" UniqueName="Down">

</telerik:GridButtonColumn>

</Columns>

</mastertableview>

</telerik:RadGrid>

<br />

<asp:Literal runat="server" ID="layoutContent"></asp:Literal>

</td>

<td width="15px">

</td>

<td width="50%" valign="top">

<telerik:RadEditor runat="server" ID="editorCSS" EditModes="Html" AllowScripts="true"

ContentFilters="IndentHTMLContent" OnClientLoad="onClientLoad" Height="750">

<tools>

<telerik:EditorToolGroup>

</telerik:EditorToolGroup>

</tools>

</telerik:RadEditor>

Theme Name:

<asp:TextBox ID="themeName" runat="server"></asp:TextBox>

<br />

Palette Name:

<asp:TextBox ID="paletteName" runat="server"></asp:TextBox>

<br />

<asp:Button ID="previewCSS" runat="server" Text="Preview" OnClientClick="previewStyle(); return false;" />

</td>

....

thanks

Ajax

answered on 08 Apr 2011

3 answers

221 views

DB2 SQL Parameter Values on Update-RadGrid

I am using the design time interface to create a hierarchical grid 3 tiered. auto update insert delete as well. I am using DB2 SQL to perform these actions, which I have written the same as with the Norhwind database examples except I must use ( instead of [ around the field and variable '?' that appear in the examples. I have defined the parameters to be selected, updated and deleted based on what type of field it is in the AS400. Our numerics are packed with 0 decimals for instance and strings of course. I can perform each action with the character only rows like the first level of my grid. It works perfectly, but when the data to be inserted or updated has a mixture of data in the fields to be updated or inserted I end up getting error messages, and I have Dbtyped these fields every way I can think of to get this message to stop. "Record cannot be updated. Reason: Command parameter[8] '' data value could not be converted for reasons other than sign mismatch or data overflow". I've tried other values like "Decimal" for instance in the update parameter for an AS400 packed field with zero decimals. Any help would be greatly appreciated. Todd

my SQL for update is as follows in the aspx

UpdateCommand

="UPDATE XX.WSP060 SET WAPPAC = ?, WAMAXD = ?, WAMAXT = ?, WARSTS = ?, WAATMS = ? WHERE (WABCTP = ?) AND (WABCAT = ?) AND (WADESC = ?) AND (WACMPY = ?) AND (WAIDENT = ?) AND (WACLASS = ?) AND (WASTYLE = ?) AND (WACOLOR = ?) AND (WASIZE = ?)"

my parameters for the update are

<

UpdateParameters>

<asp:FormParameter Name="WABCTP" DbType="String" />

<asp:FormParameter Name="WABCAT" DbType="String" />

<asp:FormParameter Name="WADESC" DbType="String" />

<asp:FormParameter Name="WACMPY" DbType="String" />

<asp:FormParameter Name="WAIDENT" DbType="Int32" />

<asp:FormParameter Name="WACLASS" DbType="String" />

<asp:FormParameter Name="WASTYLE" DbType="String" />

<asp:FormParameter Name="WACOLOR" DbType="String" />

<asp:FormParameter Name="WASIZE" DbType="String" />

<asp:FormParameter Name="WAPPAC" DbType="Int32" />

<asp:FormParameter Name="WAMAXD" DbType="Int32" />

<asp:FormParameter Name="WAMAXT" DbType="Int32" />

<asp:FormParameter Name="WARSTS" DbType="String" />

<asp:FormParameter Name="WAATMS" DbType="String" />

</UpdateParameters>

Grid

answered on 08 Apr 2011

1 answer

94 views

"j is null"

similar to another post on the forum, I'm receiving the error:

j is null

on the line:

var l=(j.get_allowDelete()!=null)?j.get_allowDelete():this.get_allowDelete();

This occurs when I mouse over a calendar event. I'm using radtooltip to display a tooltip with details of the event. I'm also using a custom provider (based on Exchange managed web services).

I have programmed this as a web control (.ascx) that then gets called to display on my page.

source of LiveCalendar.ascx.cs:

using System;

using System.Drawing;

using System.IO;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using CRD.LiveCalendars.Helpers;

using CRD.LiveCalendars.Models;

using CRD.LiveCalendars.Providers;

using Telerik.Web.UI;

using System.Web.UI.WebControls;

namespace CRD.LiveCalendars

{

public partial class LiveCalendar : System.Web.UI.UserControl

{

public ViewTabs DefaultViewTab { get; set; }

public string ExchangeServerName { get; set; }

public string ExchangeMailbox { get; set; }

public string UserName { get; set; }

public string UserDomain { get; set; }

public string UserPass { get; set; }

public bool ShowViewDay { get; set; }

public bool ShowViewWeek { get; set; }

public bool ShowViewMonth { get; set; }

public int CalendarWidth { get; set; }

int dayStartHour { get; set; }

public int DayStartHour

{

get

{

if (dayStartHour > 0)

return dayStartHour;

else return 9;

}

set

{ dayStartHour = value; }

}

int dayStartMinute { get; set; }

public int DayStartMinute

{

get

{

if (dayStartMinute > 0)

return dayStartMinute;

else return 0;

}

set

{ dayStartMinute = value; }

}

int dayEndHour { get; set; }

public int DayEndHour

{

get

{

if (dayEndHour > 0)

return dayEndHour;

else return 17;

}

set

{ dayEndHour = value; }

}

int dayEndMinute { get; set; }

public int DayEndMinute

{

get

{

if (dayEndMinute > 0)

return dayEndMinute;

else return 0;

}

set

{ dayEndMinute = value; }

}

protected void Page_Init(object sender, EventArgs e)

{

string serverPath = string.Format("http://{0}/EWS/Exchange.asmx", ExchangeServerName);

ExchangeProvider provider;

try

{

provider = new ExchangeProvider(serverPath, UserName, UserPass, UserDomain, ExchangeMailbox);

}

catch (Exception)

{

provider = null;

}

if (provider == null)

{

RadScheduler1.Visible = false;

DisplayError();

}

else

{

RadScheduler1.Provider = provider;

}

private void DisplayError()

{

}

protected void Page_Load(object sender, EventArgs e)

{

RadScheduler1.AppointmentDataBound += new Telerik.Web.UI.AppointmentDataBoundEventHandler(RadScheduler1_AppointmentDataBound);

RadScheduler1.AppointmentCreated += new AppointmentCreatedEventHandler(RadScheduler1_AppointmentCreated);

if (!Page.IsPostBack)

SetupCalendar();

SetupWebResources();

}

private void SetupWebResources()

{

HtmlLink lnkCss = new HtmlLink();

lnkCss.Attributes.Add("media", "screen");

lnkCss.Attributes.Add("type", "text/css");

lnkCss.Attributes.Add("rel", "Stylesheet");

////Get the name of the Web Resource.

String resourceName = "CRD.LiveCalendars.assets.styles.LiveCalendar.css";

////Get the type of the class.

Type resourceType = typeof(CRD.LiveCalendars.LiveCalendar);

//// Get a ClientScriptManager reference from the Page class.

ClientScriptManager cs = Page.ClientScript;

lnkCss.Href = cs.GetWebResourceUrl(resourceType, resourceName);

Page.Header.Controls.Add(lnkCss);

Page.Header.Controls.AddAt(0, lnkCss);

}

private void SetupCalendar()

{

// show only tabs provided in xml, and only if there is more than one option

RadScheduler1.DayView.UserSelectable = ShowViewDay;

RadScheduler1.WeekView.UserSelectable = ShowViewWeek;

RadScheduler1.MonthView.UserSelectable = ShowViewMonth;

// there must always be at least one ViewType. the method that parses the xml settings returns "WeekView" if nothing else is provided.

RadScheduler1.SelectedView = (SchedulerViewType)Enum.Parse(typeof(SchedulerViewType), DefaultViewTab.ToString());

RadScheduler1.TimelineView.UserSelectable = false;

RadScheduler1.EnableDatePicker = false;

//RadScheduler1.TimeZoneOffset = new TimeSpan(-7, 0, 0);

//RadScheduler1.TimeZoneOffset = new TimeSpan(-8, 0, 0);

RadScheduler1.DayStartTime = new TimeSpan(DayStartHour, DayStartMinute, 0);

RadScheduler1.DayEndTime = new TimeSpan(DayEndHour, DayEndMinute, 0);

RadScheduler1.Width = CalendarWidth;

}

void RadScheduler1_AppointmentDataBound(object sender, Telerik.Web.UI.SchedulerEventArgs e)

{

Appointment a = e.Appointment;

a.BackColor = ColorTranslator.FromHtml(AppointmentHelpers.ColourFromDescription(a.Description));

a.Attributes.Add("content", AppointmentHelpers.CleanUpDescription(a.Description));

a.CssClass = "apo";

// and "lighten the load" by resetting the heavy, MS-laden description to a text only description

// I don't think description is actually used... but it *is* serialized out into JSON and embedded

// in the page source

a.Description = "";// AppointmentFormatters.StripHtml(a.Description);

}

void RadScheduler1_AppointmentCreated(object sender, AppointmentCreatedEventArgs e)

{

if (e.Appointment.Visible)

{

string id = e.Appointment.ID.ToString();

foreach (string domElementID in e.Appointment.DomElements)

{

Telerik.Web.UI.RadToolTip tt = new RadToolTip()

{

TargetControlID = domElementID,

ShowEvent = ToolTipShowEvent.OnMouseOver,

RelativeTo = ToolTipRelativeDisplay.Element,

Text = BuildToolTipHtml(e.Appointment),

IsClientID = true,

ShowDelay = 0,

AutoCloseDelay = 0 // popup continues to be displayed as long as moused over

};

phDefaultHolder.Controls.Add(tt);

}

private string BuildToolTipHtml(Appointment appo)

{

string description = appo.Attributes["content"];

HtmlGenericControl div = new HtmlGenericControl("div");

div.Attributes.Add("class", "tooltip");

HtmlGenericControl divApoTitle = new HtmlGenericControl("div");

divApoTitle.Attributes.Add("class", "ToolTipAppointmentTitle");

divApoTitle.InnerHtml = appo.Subject;

HtmlGenericControl divApoTimes = new HtmlGenericControl("div");

divApoTimes.Attributes.Add("class", "ToolTipAppointmentTimes");

divApoTimes.InnerHtml = string.Format("{0} - {1}", appo.Start.ToLocalTime().ToString("t"), appo.End.ToLocalTime().ToString("t"));

HtmlGenericControl divApoDescription = new HtmlGenericControl("div");

divApoDescription.Attributes.Add("class", "ToolTipAppointmentDescription");

divApoDescription.InnerHtml = description;

div.Controls.Add(divApoTitle);

div.Controls.Add(divApoTimes);

div.Controls.Add(divApoDescription);

//div.InnerHtml = description;

string result = string.Empty;

using (StringWriter sw = new StringWriter())

{

var writer = new System.Web.UI.HtmlTextWriter(sw);

div.RenderControl(writer);

result = sw.ToString();

writer.Close();

}

return result;

}

any help appreciated

Jonathan

Calendar

answered on 08 Apr 2011

4 answers

130 views

Client-side binding on radgrid works incorrectly for field names, that contain *Name* in it

Once again I cannot remember how i managed to submit support ticket, it's not obvious from the interface.. :(

So, I post a problem here.
Please, confirm if this is already fixed in the newest version of Telerik Controls otherwise would be great, if you fixed this ASAP...

If I use client-side binding and have two labels, responsible for displaying some entity fields within GridTemplateColumn and one of them corresponds to field "Name" - then another one, if it contains word "Name" in it, ignores field value and instead also shows "Name" field value! :(

<telerik:GridTemplateColumn HeaderStyle-CssClass='GridHeaderGreen la' ItemStyle-CssClass='la'

HeaderText="Model" SortExpression="SVC2.CLUSTER_STATE.NAME">

<itemtemplate>

<asp:Label ID="Name" runat="server" />

</itemtemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderStyle-CssClass='GridHeaderGreen la' ItemStyle-CssClass='la'

HeaderText="Group Name" SortExpression="SVC2.CLUSTER_STATE.GROUPNAME">

<itemtemplate>

<asp:Label ID="GroupName" runat="server" />

</itemtemplate>

</telerik:GridTemplateColumn>

In the given case grid shows "Name" value in first and second columns! It ignores "GroupName" value, even though json data is correct!

Grid

answered on 08 Apr 2011

1 answer

71 views

Write 'No Data' to first row/cell

Hi,

I have a radgrid that is bound on the client-side using json response. I run into a situation where my response can return no data (i.e.

{"d":[]} )  in this case I'd like to write something like 'No data records' to the first row/cell.  
How can I do this using the client-side API?






Thx

Grid

answered on 08 Apr 2011

3 answers

164 views

System.OutOfMemoryException in RadScriptManager.OnLoad

I'm using a RadAjaxManagerProxy along with a ScriptManagerProxy in a page with four RadGrids, the RadScriptManager and RadAjaxManager are in the master page, and our testers keep generating errors like this every few hours or so:

Thread information:
    Thread ID: 14
    Thread account name: NT AUTHORITY\NETWORK SERVICE
    Is impersonating: False
    Stack trace:    at System.String.ToCharArray()
   at System.Text.Encoding.GetBytes(String s)
   at Telerik.Web.UI.ScriptEntry.GetHashCode(String value)
   at Telerik.Web.UI.ScriptEntry.GetResourceNameHashes(String assemblyName)
   at Telerik.Web.UI.ScriptEntry.Deserialize(String serializedScriptEntries)
   at Telerik.Web.UI.RadScriptManager.OnLoad(EventArgs e)
   at System.Web.UI.Control.LoadRecursive()
   at System.Web.UI.Control.LoadRecursive()
   at System.Web.UI.Control.LoadRecursive()
   at System.Web.UI.Control.LoadRecursive()
   at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)

Obviously it's hard to capture any specific event which triggers this, I suspect I'm leaking memory somewhere over time - are there any use patterns which might lead to this?

One thing I notice when looking at the code is I have some script references in the head instead of being sent through the script manager, would the Ajax manager keep re-adding them to the page on every request and eventually lead to the out of memory issue?

Rob

ScriptManager and StyleSheetManager

answered on 08 Apr 2011

1 answer

90 views

Channel execution of filter through single button click

I have a grid with AllowFilteringByColumn="true", filtering on all columns is enabled and AutoPostBackOnFilter="false" for all columns. What I would like to do is only apply the filter when a user clicks a button either in a custom CommandTemplate or outside the grid (either one will work fine). There are two problems that are stopping me:

1. How do I fire the filtering from code-behind? I know I can do it client-side but...
2. Any column that has the filter icon will fire the filtering on selecting a value.

If I can do #1, then I can disable the grid's filtering client-side and fire the filtering using the button's click event. If I cannot fire the filtering in code-behind, then is there a way of disabling the firing of a postback on choosing one of the filter choices?

Grid

answered on 08 Apr 2011