Questions on UI for ASP.NET AJAX Forum

2 answers

135 views

I'm currently working with the RadTooltipManager to be able to click on a thumbnail and display a larger portion of the image positioned at the center of the browser window. It is currently working in every browser except in "QuirksMode" in InternetExplorer. When using QuirksMode, the image is placed at the verybottom of the screen. Any idea why this issue is happening or any advice on how to resolve it? See attached images for clarification and understanding, below are snippets of my code.

<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Width="400" Height="400" Enabled="true" Modal="true" OnAjaxUpdate="RadToolTipManager1_AjaxUpdate" ShowEvent="OnClick" HideEvent="ManualClose" RelativeTo="BrowserWindow" Position="Center" ></telerik:RadToolTipManager>

protected void PictureGrid_DataBound(object sender, RadListViewItemEventArgs e)

{

if (e.Item is RadListViewDataItem)

{

int position = ((RadListViewDataItem)e.Item).DataItemIndex;

((RadTextBox)e.Item.FindControl("ThumbnailCaptionTextbox")).Text = FindCurrentEntry().Attachments.ElementAt(position).Caption;

Image image = (Image)e.Item.FindControl("ThumbnailImage");

image.ImageUrl = "../ImageViewer.ashx?fileId=" + PictureGridData.ElementAt(position).Key + "&sizeType=thumbnail";

RadToolTipManager1.TargetControls.Add(image.ClientID, true);

}

protected void RadToolTipManager1_AjaxUpdate(object sender, ToolTipUpdateEventArgs e)

{

Image image = new Image();

bool found = false;

for (int i = 0; ((i < PictureGrid.Items.Count) && (!found)); i++)

{

for (int j = 0; ((j < PictureGrid.Items[i].Controls.Count) && (!found)); j++)

{

if (e.TargetControlID == PictureGrid.Items[i].Controls[j].ClientID)

{

image.ImageUrl = "../ImageViewer.ashx?fileId=" + PictureGridData.ElementAt(i).Key + "&sizeType=larger";

found = true;

}

e.UpdatePanel.ContentTemplateContainer.Controls.Add(image);

}

ToolTip

answered on 12 Dec 2011

3 answers

261 views

adding a new row to radgrid with colspan

Hello Telerik,
I have a created a radGrid which has 3 columns, I need to add a new row under each row item
this row will span the 3 columns to display description

what I have now:

| cell11 | cell12 | cell13 |

| cell21 | cell22 | cell23 |

| cell31 | cell32 | cell33 |

what I need:

| cell11 | cell12 | cell13 |

| new line with colspan=3|

| cell21 | cell22 | cell23 |

| new line with colspan=3|

| cell31 | cell32 | cell33 |

| new line with colspan=3|

thanks,
Taraman

Grid

answered on 12 Dec 2011

2 answers

106 views

[Solved] 2011.3 Skins.dll in a Sharepoint Project

Hi,

I'm aware that all skins is now in another dll (http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/separate-skin-assembly-in-radcontrols-for-asp-net-ajax-with-q3-2011.aspx) and i can make it work fine with any "Asp.Net Web" project.

The problem is when I tryed to use with a "Sharepoint Empty Project" in VS2010. I already tryed to insert a reference, copyed Skins.dll in the bin (and bin/debug) directory and always get a error if I type a Skin name and only Default is available to use.

To reproduce the problem/envinroment just create a new "Empty Sharepoint Project", add an "Visual Web Part", add an Radgrid, copy Telerik.Web.UI.Skins.dll to the bin folder and nothing happens (tryed to reload the project as well).

Am I doing something wrong?

TIA.

General Discussions

answered on 12 Dec 2011

1 answer

123 views

FileExplorer iFrame Dialogs Issue.

Hello,
I'm having an issue with the fileExplorer in IE. I have the fileExplorer in an iframe, and when I click on the upload, delete, create new folder buttons, the dialog doesn't show up....works fine in Firefox and Chrome. The page gets the modal overlay, but the dialog just doesn't show. I had the same issue with the radEditor and fixed it like this:

<script type="text/javascript">

function OnClientLoad(editor) {

if (navigator.appName == 'Microsoft Internet Explorer')

{ editor.set_useClassicDialogs(true); }

}

</script>

per this article: http://www.telerik.com/support/kb/aspnet-ajax/editor/using-browser-modal-dialog-instead-of-radwindow.aspx .

Does the fileExplorer have a similar setting/functionality?

Thanks!

FileExplorer

answered on 12 Dec 2011

4 answers

346 views

[Solved] RadButton OnClientClicked Event: Microsoft JScript runtime error: '$telerik' is undefined

Hello All,

I get the following error when I click on my RadButton: "Microsoft JScript runtime error: '$telerik' is undefined." Here is how my RadButton is setup:

<telerik:RadButton ID="rbtnCancel" runat="server" Text="Return to Forms Central" OnClientClicked="btnCloseWin" Font-Names="Arial" Font-Size="Medium" AutoPostBack="false">

</telerik:RadButton>

Here are the Javascript functions:

function GetRadWindow() {

var oWindow = null;

if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog

else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz as well)

return oWindow;

}

function btnCloseWin(sender, eventArgs) {

var oWindow = GetRadWindow();

oWindow.Close();

}

The following code is where the error is shown: var e=$telerik.isMouseOverElementEx(this.get_element(),i);

When I continue with debugging the program, the RadWindow is closed, but I'm not sure why I am getting this error at all. I am able to close the RadWindow using the Javascript function just fine from an asp:Button.

I'd greatly appreciate any insight into why this is happening.

Thanks!
Casey

Button

answered on 12 Dec 2011

1 answer

168 views

how to show Telerik.Web.UI.Appointment.ToolTip?

Hi there,

Right now I am trying to use Telerik.Web.UI.Appointment.ToolTip.
I assigned a string to Telerik.Web.UI.Appointment.ToolTip and I hope after the Appointment bound with Scheduler control, then once mouse hover the Appointment control, the ToolTip will show out automatically.

But it doesn't work. The popup Tooltip(looks like Tooltip, but not sure) is always same as the subject of Appointment control.

Is there anybody can help me?

Thanks a lot,

Alex

Scheduler

answered on 12 Dec 2011

3 answers

329 views

Resizing Columns in a Hierarchical Grid (with Master table columns aligned with detail table columns)

I am trying to achieve Grouping through RadGrid's Hierarchical Grid Functionality (Unlike the RadGrid's default grouping functionality - I'm trying to show the parent row or master table row containing one of the records from the group intact while expanding). In order to achieve this, I've hidden the detail table's header and aligned the widths of each column of the detail table to that of the parent row/table (while merging all the common/grouped columns into one and displaying it blank). Now I'm facing two problems -
1. If resizing is enabled - resizing master table column does not automatically resize the detail table column. Is there any way to do such resizing from the client side.
2. I am using a custom Expand/Collapse column and I am unable to hide the default Expand/Collapse column. Is there a way to hide the default Expand/Collapse column of RadGrid?
3. If reorder is enabled - how to trigger column reorder of detail table when master table reorder occurs (in the client side)
Attached please find grid that demonstrates the functionality that I'm trying to achieve (I have masked party of the data due to privacy reasons)
Can you please help?

Grid

answered on 12 Dec 2011

1 answer

122 views

Multi-Color tabstrip

Is is possible to have each tab on the tabstrip a different color? Not just and "on" and "off" color. I'd like to be able to use a nice fade using sprites if possible and even have there be a slight color variation on the hover for the muti-colored tabs. It would also be great to have the mutipage pageview have a differnt background also. Could you show me how you might do that? thanks very much

Jonathan.

TabStrip

answered on 12 Dec 2011

1 answer

119 views

How to load imageurl from database field

Hi,

How to load imageurl from database field for tree view?
as my data for tree view is comming from database table where in i m having imageurl as well

Regards!

TreeView

answered on 12 Dec 2011

5 answers

179 views

Tree View Problem

Hi Im new to this telerik stuff and I have been dumped with a solution that is in a mess which i am trying to sort out so bear with me if im making any obvious telerik errors (please)!

I have a tree view that I am trying to populate client side, i understand that i can do this with the following code:

var tree = $find("<%= uclPanelTabReport1.ClientID %>");
    tree.trackChanges();
    var node = new Telerik.Web.UI.RadTreeNode();
    node.set_text("New Node");
    tree.get_nodes().add(node);
    tree.commitChanges();

However i am having a couple of problems, the first it that the tree is null still after the find statement, I can get the correct value using the following var tree = $("#RadTreeView1.ClientID %>"); but am unsure if this is a valid way of getting the reference.

When i have the reference to tree i am having an issue that on the next line     tree.trackChanges(); where I am being told by firebug that     tree.trackChanges() is not a functon. Can anyone point me to where I am going wrong? Im sure its something obvious but I cant see what!?!

TreeView

answered on 12 Dec 2011