Questions on UI for ASP.NET AJAX Forum

2 answers

98 views

I have an exisiting site. How can I replace the out-of-box sharepoint html editor with the RAD Content Editor?
Do I need to re-enter all content?

Sharepoint Integration

answered on 22 Aug 2008

2 answers

250 views

[Solved] image gallery

Hi,

I'm looking to use the RADRotator as an image gallery, similar to your example. However in my scenario I am not in control of the number of images displayed in the gallery as they are supplied by the user. This can result in the width of the rotator being wider than the number of pictures. In this case the control just rotates what images it has but it doesn't look like they are scrolling. You can see the effect by reducing the number of images in your live image gallery example to say 2.

Can this feature be resolved so that the few images look to scroll across/down the width/height of the rotator region?

Thanks,

Jeff

Rotator

answered on 22 Aug 2008

6 answers

530 views

Right click context menu for a text field!

I need to pop up a context menu when the user right clicks in a text box. How can I make that happen? The reason I need to do this is to provide the user a mechanism how they can select pre-formated words to fill the text box.

Thanks!
vithiya

Input

answered on 22 Aug 2008

5 answers

184 views

drop down filter created but no data

I have almost got this implemented. The samples with the country drop down list did not give a complete class for myCustomFilteringColumn, but I found it in other posts . It successfully changes the control to a drop down list and fills it with data, but it requeries every time I run it.

Can this class be hooked to a sqldatasource in the main .aspx page ?

Or Any any idea how I would pass parameters to it so I can re-use the class ?

I have several different grids I want to add drop down filters to for "status" fields with limited choices and as this stands I would have to copy the class multiple times.

Grid

answered on 22 Aug 2008

1 answer

70 views

Latest Skin files for RadControls for ASP.NET AJAX 2008.2 723

I down loaded the latest skin files for RadControls for ASP.NET AJAX 2008.2 723 from http://www.telerik.com/support/product-skins-downloads.aspx
. The pages says that the doenloads contain all resources (Images, CSS and Photo shop source). However, the zips seem to only contain PSD files.

Where de I get the Images and CSS for the skins?

Thanks in advance,

K.E.

General Discussions

answered on 22 Aug 2008

1 answer

109 views

[Solved] ContextMenu on tree node drop disappears immediately

Hi,

I need to show a context menu in a tree view when I drag and drop nodes in a tree view. On drop, the context menu should be displayed giving the user a few options as to what he wants to do with the dropped nodes. Depending upon the chosen options, the drop action should be handled.

I have the following code where I am able to display the context menu, but, it immediately disappears - even though cancelRawEvent has been called.

$telerik.cancelRawEvent(e);

Following is the code for the aspx page:



    
    
        
            
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="HarborSales.Portal.Modules.Tree.Default" %> 
        
        
            
             
        
        
            
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
        
            
            <!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>Tree drop node context menu</title> 
        
        
            
              <telerik:RadScriptBlock runat="server" ID="radScriptBlock"> 
        
        
            
             
        
        
            
                <script type="text/javascript"> 
        
        
            
                  function showContextMenu(e) 
        
        
            
                  { 
        
        
            
                    // alert("Dropping"); 
        
        
            
                    var contextMenu = $find("<%= RadContextMenu1.ClientID %>"); 
        
        
            
                    
        
        
            
                    if ((!e.relatedTarget) || (!$telerik.isDescendantOrSelf(contextMenu.get_element(), e.relatedTarget))) 
        
        
            
                    { 
        
        
            
                        contextMenu.show(e); 
        
        
            
                    } 
        
        
            
             
        
        
            
                    return $telerik.cancelRawEvent(e); 
        
        
            
                  } 
        
        
            
             
        
        
            
                  function ClientNodeDropping(sender, eventArgs) 
        
        
            
                  { 
        
        
            
                    showContextMenu(eventArgs.get_domEvent()); 
        
        
            
                  } 
        
        
            
             
        
        
            
                  function ClientNodeDropped(sender, eventArgs) 
        
        
            
                  { 
        
        
            
                    // alert("Dropped"); 
        
        
            
                  } 
        
        
            
                   
        
        
            
                </script> 
        
        
            
             
        
        
            
              </telerik:RadScriptBlock> 
        
        
            
            </head> 
        
        
            
             
        
        
            
            <body> 
        
        
            
              <form id="form1" runat="server"> 
        
        
            
                <asp:ScriptManager ID="ScriptManager1" runat="server"> 
        
        
            
                </asp:ScriptManager> 
        
        
            
                <div> 
        
        
            
                  <telerik:RadTreeView ID="RadTreeView1" runat="server" EnableDragAndDrop="True" EnableDragAndDropBetweenNodes="True" Skin="Vista" OnClientNodeDropping="ClientNodeDropping" OnClientNodeDropped="ClientNodeDropped"> 
        
        
            
                    <Nodes> 
        
        
            
                      <telerik:RadTreeNode runat="server" Checkable="False" Text="Condos"> 
        
        
            
                      </telerik:RadTreeNode> 
        
        
            
                      <telerik:RadTreeNode runat="server" Checkable="False" Text="TownHomes"> 
        
        
            
                      </telerik:RadTreeNode> 
        
        
            
                      <telerik:RadTreeNode runat="server" Checkable="False" Text="Houses"> 
        
        
            
                        <Nodes> 
        
        
            
                          <telerik:RadTreeNode runat="server" Checkable="False" Text="House 1"> 
        
        
            
                          </telerik:RadTreeNode> 
        
        
            
                          <telerik:RadTreeNode runat="server" Checkable="False" Text="House 2"> 
        
        
            
                          </telerik:RadTreeNode> 
        
        
            
                        </Nodes> 
        
        
            
                      </telerik:RadTreeNode> 
        
        
            
                    </Nodes> 
        
        
            
                    <CollapseAnimation Type="OutQuint" Duration="100"></CollapseAnimation> 
        
        
            
                    <ExpandAnimation Duration="100"></ExpandAnimation> 
        
        
            
                  </telerik:RadTreeView> 
        
        
            
                   
        
        
            
                  <!-- Context menu --> 
        
        
            
                  <telerik:RadContextMenu ID="RadContextMenu1" runat="server" Flow="Vertical" Skin="Vista"> 
        
        
            
                    <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
        
            
                    <Items> 
        
        
            
                      <telerik:RadMenuItem runat="server" Text="Move with children"> 
        
        
            
                      </telerik:RadMenuItem> 
        
        
            
                      <telerik:RadMenuItem runat="server" Text="Copy dragged node"> 
        
        
            
                      </telerik:RadMenuItem> 
        
        
            
                      <telerik:RadMenuItem runat="server" Text="Copy with children"> 
        
        
            
                      </telerik:RadMenuItem> 
        
        
            
                    </Items> 
        
        
            
                  </telerik:RadContextMenu> 
        
        
            
                </div> 
        
        
            
              </form> 
        
        
            
            </body> 
        
        
            
            </html>

I do not have any event handled at all in the code behind file.

Menu

answered on 22 Aug 2008

1 answer

293 views

Sys.WebForms.PageRequestManagerServerErrorException: An unknown error occurred while processing the request on the server. The status code returned from the server was:0

Hi,

I'm working with telerik grid, combobox and radpanels. All these panels are in separet ascx files and each one has a RadAjaxPanel that make is to behave in ajax style.

I got a modal window that opens form the grid (when clicking on the appropriate column button). The modal window has a Close Button and a Save to Cart button. When the close button us clicked I do the following to refresh the parent page - oWindow.BrowserWindow.SubmitPage();

And, sometimes (not always) this makes the browser to show the follwoing error.
Sys.WebForms.PageRequestManagerServerErrorException: An unknown error occurred while processing the request on the server. The status code returned from the server was: 0

Could you please advice what's wrong and how to work it out?

Many thanks,
Nicolae

Grid

answered on 22 Aug 2008

4 answers

238 views

[Solved] Dropdown in Command Item Template with different SQLDataSource

I have a page with a RAD DropDown and a RADGrid (both Q2 2008 Ajax).

There are two SQLDataSource items as well one for the drop down which provides a categoryID for the second SQLDataSource and filters the results accordingly.

I moved the DropDown into the RadGrid CommandItemTemplate I get an error that the CategoryID is not available.

Is there something else I need to do to make it work?

Grid

answered on 22 Aug 2008

13 answers

268 views

Grid Rebinding + Q3 sp2

Grid's binding not working after upgrade. Using commanditem btn with 'UpdateEdited' worked before upgrade. Now grid just collaspes and stays in editmode. Also no rebind after insert or delete. Thanks in advance.

public

void OnUpdateCommand(object source, GridCommandEventArgs e){

GridEditableItem gvRow = e.Item as GridEditableItem;

int

itemID0 = int.Parse(gvRow.GetDataKeyValue("Id").ToString());

Suppliers

obj = new Suppliers();
Suppliers_Details objDetails = new Suppliers_Details();

objDetails.Id = int.Parse(itemID0.ToString());
Retval = obj.UpdateItem(objDetails);

//if error
if (Retval[1] == "0"){
e.Canceled = true;
return;}

//If ok here the grid should close and rebind as before upgrade to Q3 SP2

}

//end sub

Grid

answered on 22 Aug 2008

6 answers

230 views

Problem in edit mode

Problem description:

The sample project contains a RadGrid (2 columns, 4 rows) that switches the second column in the second and fourth rows in edit mode. The problem is that the first column does not display its value anymore (the value is "lost") while the second column is in edit mode. When I try to iterate through all the rows in Save_Command handler, I cannot get the value from these columns either.

Default.aspx

<%

@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%

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

<%

@ Register TagPrefix="ajax" Namespace="System.Web.UI" Assembly="System.Web.Extensions" %>

<!

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>Untitled Page</title>

</

head>

<

body>

<ajax:ScriptManager ID="ScriptManager" runat="server">

</ajax:ScriptManager>

<tlk:RadGrid ID="RadGrid1" Width="100%" AllowMultiRowEdit="true"

OnNeedDataSource="RadGrid_NeedDataSource" runat="server"

OnItemCreated="RadGrid1_ItemCreated" >

<tlk:GridBoundColumn UniqueName="Name" HeaderText="Name" DataField="Name" />

<tlk:GridBoundColumn UniqueName="Amount" HeaderText="Amount" DataField="Amount" />

</Columns>

</MasterTableView>

</ClientSettings>

</tlk:RadGrid>

<asp:Button ID="SaveButton" Text="Save" runat="server" OnCommand="Save_Command" />

</div>

</form>

</

body>

</

html>

Default.aspx.cs

using

System;

using

System.Data;

using

System.Configuration;

using

System.Collections;

using

System.Web;

using

System.Web.Security;

using

System.Web.UI;

using

System.Web.UI.WebControls;

using

System.Web.UI.WebControls.WebParts;

using

System.Web.UI.HtmlControls;

using

Telerik.Web.UI;

public

partial class _Default : System.Web.UI.Page

{

protected void RadGrid_NeedDataSource(object source, GridNeedDataSourceEventArgs e)

{

DataTable table = new DataTable();

table.Columns.Add(

new DataColumn("Name"));

table.Columns.Add(

new DataColumn("Amount"));

table.Rows.Add(

new object[] { "John", "11" });

table.Rows.Add(

new object[] { "David", "22" });

table.Rows.Add(

new object[] { "Elvis", "33" });

table.Rows.Add(

new object[] { "Oliver", "44" });

((

RadGrid)source).DataSource = table;

}

protected void Page_PreRender(object sender, EventArgs e)

{

RadGrid1.Items[1].Edit =

true;

RadGrid1.Items[3].Edit =

true;

RadGrid1.Rebind();

}

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)

{

if (e.Item is GridDataItem && e.Item.IsInEditMode)

{

foreach (GridColumn column in e.Item.OwnerTableView.RenderColumns)

{

if (column is GridBoundColumn)

{

if (string.Compare(column.UniqueName, "Amount", StringComparison.InvariantCultureIgnoreCase) == 0)

{

((

GridBoundColumn)column).ReadOnly = false;

TextBox textBox = null;

if (e.Item is GridDataItem)

{

textBox = ((

TextBox)((GridDataItem)e.Item)[column.UniqueName].Controls[0]);

textBox.Style[

"width"] = "100%";

textBox.Style[

"height"] = "100%";

textBox.Style[

"border"] = "1px";

textBox.Style[

"text-align"] = "right";

}

else

{

((

GridBoundColumn)column).ReadOnly = true;

}

protected void Save_Command(object source, EventArgs e)

{

string name = "";

foreach (GridDataItem item in RadGrid1.Items)

{

name = item[

"Name"].Text;

}

}

I also have a second question: I would like to have an extra row to show the rollup on the editable column. Is it possible to have this total being updated as the user modifies the editable fields ?

Grid

answered on 22 Aug 2008

	<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="HarborSales.Portal.Modules.Tree.Default" %>

	<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
	<!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>Tree drop node context menu</title>
	<telerik:RadScriptBlock runat="server" ID="radScriptBlock">

	<script type="text/javascript">
	function showContextMenu(e)
	{
	// alert("Dropping");
	var contextMenu = $find("<%= RadContextMenu1.ClientID %>");

	if ((!e.relatedTarget) \|\| (!$telerik.isDescendantOrSelf(contextMenu.get_element(), e.relatedTarget)))
	{
	contextMenu.show(e);
	}

	return $telerik.cancelRawEvent(e);
	}

	function ClientNodeDropping(sender, eventArgs)
	{
	showContextMenu(eventArgs.get_domEvent());
	}

	function ClientNodeDropped(sender, eventArgs)
	{
	// alert("Dropped");
	}

	</script>

	</telerik:RadScriptBlock>
	</head>

	<body>
	<form id="form1" runat="server">
	<asp:ScriptManager ID="ScriptManager1" runat="server">
	</asp:ScriptManager>
	<div>
	<telerik:RadTreeView ID="RadTreeView1" runat="server" EnableDragAndDrop="True" EnableDragAndDropBetweenNodes="True" Skin="Vista" OnClientNodeDropping="ClientNodeDropping" OnClientNodeDropped="ClientNodeDropped">
	<Nodes>
	<telerik:RadTreeNode runat="server" Checkable="False" Text="Condos">
	</telerik:RadTreeNode>
	<telerik:RadTreeNode runat="server" Checkable="False" Text="TownHomes">
	</telerik:RadTreeNode>
	<telerik:RadTreeNode runat="server" Checkable="False" Text="Houses">
	<Nodes>
	<telerik:RadTreeNode runat="server" Checkable="False" Text="House 1">
	</telerik:RadTreeNode>
	<telerik:RadTreeNode runat="server" Checkable="False" Text="House 2">
	</telerik:RadTreeNode>
	</Nodes>
	</telerik:RadTreeNode>
	</Nodes>
	<CollapseAnimation Type="OutQuint" Duration="100"></CollapseAnimation>
	<ExpandAnimation Duration="100"></ExpandAnimation>
	</telerik:RadTreeView>

	<!-- Context menu -->
	<telerik:RadContextMenu ID="RadContextMenu1" runat="server" Flow="Vertical" Skin="Vista">
	<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
	<Items>
	<telerik:RadMenuItem runat="server" Text="Move with children">
	</telerik:RadMenuItem>
	<telerik:RadMenuItem runat="server" Text="Copy dragged node">
	</telerik:RadMenuItem>
	<telerik:RadMenuItem runat="server" Text="Copy with children">
	</telerik:RadMenuItem>
	</Items>
	</telerik:RadContextMenu>
	</div>
	</form>
	</body>
	</html>