Questions on UI for ASP.NET AJAX Forum

3 answers

123 views

MultiPage won't appear next to Tab Strip

I have a tab strip with 8 long tabs. I have them set to "VerticalLeft" orientation, and then I want my MultiPage to appear immediately to the right of the tabs. I looked at the examples for TabStrip in which this is accomplished, but when I try it in my project the Multipage is always below the TabStrip. I have no spaces between them, no BR's... is there some property somewhere I need to set so the Mutlipage will appear to the right of the TabStrip and not below it?

These 2 controls are inside a page from another MultiPage control, if that matters.

TabStrip

answered on 03 Feb 2012

7 answers

182 views

radopen() not working with IE9

Hi,

I know there's another thread like this too
http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/radopen-is-not-working-properly-on-ie-9.aspx
But what I encountered is different.
Here's my code for calling the radopen when clicking a button.

ClientScript.RegisterStartupScript(Page.GetType(), ShowRemarks, "ShowRemarksDialog();", true);

Here's the javascript code in my main aspx page.

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function ShowRemarksDialog() {

Sys.Application.add_load(function() {

window.radopen("UpdateRemarks.aspx?ScreenType=1", "RemarksDialog");

return false;

});

}

function refreshGrid() {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("Rebind");

}

</script>

</telerik:RadCodeBlock>

in the UpdateRemarks.aspx
I'm using this javascript to refresh my grid.

<script type="text/javascript">

function CloseAndRebind() {

GetRadWindow().BrowserWindow.refreshGrid();

GetRadWindow().close();

}

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 CancelEdit() {

GetRadWindow().close();

}

</script>

When the button is clicked, nothing is displayed in IE9.
It is working fine with IE7 though..
Any idea how to solve this???
THanks..

General Discussions

answered on 03 Feb 2012

1 answer

154 views

Upgrading to new Telerik Controls

Currently our company website uses the old 2006 version of Telerik controls. We are soon gonna upgrade to the newer version and I was wondering if both versions of telerik(the old-version we currently have and the new one) are able to be installed and still work with one another. I am afraid that certain controls will break on our website when upgrading to the newer version. Please let me know. Thank You.

Installer and VS Extensions

answered on 03 Feb 2012

5 answers

1.0K+ views

e.item.dataitem missing in grid.itemcommand

I have a grid which lists items in an order. The first column has a GridButtonColumn which a user can click to remove the item from the order.

The data in the grid is loaded using the OnNeedDataSource method, items are bound to the grid and hidden fields are set using OnItemDataBound method, and the event to remove the item uses the OnItemCommand method.

When the user clicks the delete/remove icon in the GridButtonColumn, the page fires the Grid_ItemCommand, but the e.item.DataItem is null, not allowing me to perform my action as I now don't know which item is to be removed from the order?

How do I ensure the DataItem is still available once the user clicks the delete/remove icon?

Grid

answered on 03 Feb 2012

1 answer

110 views

RadConfirm implementation in External js file

Hi,

I have a webpage in which javascript functionality was embedded in external js file.
Currently in external js file we have used ordinary confirm and i want to replace this with radconfirm.

I have used radconfirm on button click, where we have return false also with that. and then in javascript callback we do a post back using
"__dopostback() fuction.

I dont know how can i use this in external js file.

Current Scenario :
I am able to see radconfirm,but the execution is not stopping when we click on cancel.

Please help me.

Thanks,
A2H

Window

answered on 03 Feb 2012

3 answers

93 views

RadToolTipManager problem in IE 8

Problem in IE 8 and lower.
In page we haw RadGrid and RadToolTipManager. When paging applied, grid tooltip appears correctly but when filter applied content is empty. This problem only exists in old IE(7,8) .
Page:

<telerik:RadGrid ID="objectGrid" runat="server" AutoGenerateColumns="false" GridLines="None" AllowPaging="true" PageSize="25" EnableLinqExpressions="false"

AllowSorting="true" AllowFilteringByColumn="true" AllowMultiRowSelection="true"

OnNeedDataSource="LoadData"

OnItemDataBound="objectGrid_ItemDataBound"

OnItemCommand="objectGrid_OnItemCommand"

OnItemCreated="objectGrid_ItemCreated"

OnPageIndexChanged="objectGrid_OnPageIndexChanged">

<ExportSettings IgnorePaging="true" OpenInNewWindow="true" HideStructureColumns="true" >

<Excel Format="Html" />

</ExportSettings>

<MasterTableView CommandItemDisplay="Top">

<CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="false"/>

<Columns>

<telerik:GridTemplateColumn meta:resourcekey="colChecks" UniqueName="colChecks" AllowFiltering="false">

<ItemTemplate>

<table>

<tr>

<td width="20px">

<asp:ImageButton ID="imgActions" runat="server" meta:resourcekey="imgActions" ImageUrl="~/Images/wizzard_16.png" Visible='<%# this.HasAvailableChecks(Eval("Id")) %>' CommandArgument='<%# Eval("Id") %>' />

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<telerik:RadToolTipManager ID="toolTipManager" runat="server" ShowEvent="OnClick" EnableViewState="true"

AutoTooltipify="false" OnAjaxUpdate="OnAjaxUpdate" ManualClose="true" Position="BottomRight"

RelativeTo="Element" OnClientHide="OnClientClose" Width="300px">

</telerik:RadToolTipManager>

Code:

protected void objectGrid_OnItemCommand(object source, GridCommandEventArgs e)

{

if (e.CommandName == "ExportToExcel")

{

GridExport();

}

if (e.CommandName == "Page" || e.CommandName == "ChangePageSize" || e.CommandName == "Filter")

{

toolTipManager.TargetControls.Clear();

BindData();

}

protected void objectGrid_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item.ItemType == GridItemType.AlternatingItem || e.Item.ItemType == GridItemType.Item)

{

// Actions

ImageButton actions = e.Item.FindControl("imgActions") as ImageButton;

toolTipManager.TargetControls.Add(actions.ClientID, actions.CommandArgument, true);

}

protected void objectGrid_OnPageIndexChanged(object sender, GridPageChangedEventArgs e)

{

toolTipManager.TargetControls.Clear();

}

ToolTip

answered on 03 Feb 2012

3 answers

772 views

Setting innerhtml of an item

Article at
http://msdn.microsoft.com/en-us/library/system.web.ui.htmlcontrols.htmlcontainercontrol.innerhtml.aspx
suggests you can set the innerhtml of items

So I have

<telerik:RadDock ID="RadDock3" runat="server" Width="300px" Resizable="True" DockHandle="Grip">

<ContentTemplate>

<div>

<span id="Message" runat="server">Hello World</span>

</div>

</ContentTemplate>

</telerik:RadDock>

In my code behind I have

Dim myHtml As String = Message.InnerHtml

When I try to run it says build errors, but doesn't display any ??

Is getting and setting the innerhtml possible ?

Thanks
Jim

General Discussions

answered on 03 Feb 2012

7 answers

122 views

RadToolTipManager + AjaxUpdate + jQuery

Hi, i've got a image map. That i've got a radtooltipmanager attached to. All works well - i've got an ajaxupdate that fires retrieves some information from the database on area on the imagemap, and displays it in the tooltip.

However, the issue being is that after the ajaxupdate has completed, i have some jquery on the page which seems to stop working.
Previously when i've had issues with ajax requests and cancelling jquery / javascript i've added the control that contains the jquery into the radajaxmanager of the control that's caused the ajax request. I've tried this with adding the radtooltipmanager into the radajaxmanager, and adding the panel tha contains my jquery stuff into the updatedcontrols.

This panel contains the necessary javascript enclosed in a radscriptblock, including a link to the jquery external file. (it doesnt however include the jquery ui which i think this piece of jquery uses.)

Any suggestions ?

ToolTip

answered on 03 Feb 2012

1 answer

135 views

Access a server-side dynamic added multipage on client-side with javascript

Hello,

i have to access a multipage that was added dynamically on server-side on the client-side with javascript to make it visible and set the selected index.
For example, a multipage that was added at designtime i access like this:

function selectNews() {

var mV = $find("<%= radThumbs.ClientID %>");

mV.set_selectedIndex(1);

}

This works very well. But now i have to access a dynamically added multipage. All my attempts are without luck.
In codebehind i set a unique id to each dynamic added multipage. In html-output that is generated the multipages are stored as div-tags with a id that is equal to that, that i set in codebehind on server-side.

so far i tried different ways to get the control on client side.

Attempt #1:

alert('item.children[i].innerHTML.replace(/\s/g, "")');

var test = $find(item.children[i].innerHTML.replace(/\s/g, ""));

test.set_selectedIndex(1);

Attempt #2:

alert('item.children[i].innerHTML.replace(/\s/g, "")');

var test = document.getElementById(item.children[i].innerHTML.replace(/\s/g, ""

));

test.set_selectedIndex(1);

In all attempts the alertbox shows the correct id.

But ever i try to set the selected index, a error occurs and tells me, that the element doesn't contain such a method and so on.

Thanks for your assistence...

Thorsten

TabStrip

answered on 03 Feb 2012

4 answers

201 views

RadEditor for SharePoint Postback inside update panel bug?

Hello,

I have been working with the RadEditor for Sharepoint for a few months now.

Very happy with the functionality and interaction with Sharepoint, but I think I've found a bug.

A form page that contains the editor as well as other asp controls has been put together,
and is working well for the most part.

However there is something strange happens in chrome, and firefox too, not on IE.

I am using an update panel to avoid postbacks from some cascading dropdowns that show
or hide the instances of the radeditor.

So would look something like this:

  <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>            <asp:PlaceHolder>
            <teleriksharepoint:spradeditor runat="server" id="description-txt" 
           dialoghandlerurl="~/Telerik.Web.UI.DialogHandler.axd">
	   </teleriksharepoint:spradeditor>

            </asp:PlaceHolder>
        <ContentTemplate>
  </asp:UpdatePanel>

the problem is:
- after a postback the editor froze and the floating menu does not appear anymore.
Other controls still work but the editor breaks, and content is lost.
This problem does not happen all the time.
I've noticed that it specifically happens when there
is text pasted in from some other source (i dunno if this makes any difference or not).
It also happens after typing the text too.
I found a tentative solution here for my problem. 

I tried it but it didnt work for me in my page inside sharepoint.
I am wondering if this is happening only to me or everybody.
What could be the steps to address this kind of issue?
There seems to be no javascript error, nor server side one.
I am stuck on how to address this.
Thanks for any of your help,
-Daniel

Editor

answered on 03 Feb 2012