Questions on UI for ASP.NET AJAX Forum

1 answer

286 views

"add new record" popup in lightbox type screen

Has anyone found the best way, when using a radgrid, to have the "add new record" page popup in a lightbox type screen overlay? Perhaps the asp popupmodal?

I found a tutorial that is dead on, but way outdated here: here

Ok, so after working all day on getting the window popup to work when the user clicks the edit/double click/add new record, I ran into another problem. I can't seem to get the ID from the dataitem of the e argument.

So here's the code (from the tutorial above. The tutorial works, but not my project)

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)

{

if (e.Item is GridDataItem)

{

HyperLink editLink = (HyperLink)e.Item.FindControl("EditLink");

editLink.Attributes["href"] = "#";

editLink.Attributes["onclick"] = String.Format("return ShowEditForm('{0}','{1}');", e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["jobID"], e.Item.ItemIndex);

}

When I use the path e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["jobID"] there is nothing there. I can see that the jobID is
at the path e.Item.DataItem, all the columns are listed there, but I can't access them. e.Item.DataItem.jobID doesn't work like I think it should. The only thing is I am using a sql database, and the tutorial is using access. That must be the difference. I changed the access database in their tutorial, and it doesn't work.

Grid

answered on 30 Nov 2012

2 answers

82 views

[Solved] Hierarchy Grid - Detail Grids with different skin?

Is it possible when using a multi-level hierarchy grid to apply a different skin to the Deail Tables defined in the <DetailTables> section so they stand out more and are styled differently than the master table? I have been working with a custom skin but I am not having a lot of luck finding a way to apply style only to the Detail Tables and not the Master Table - is this possible?

Grid

answered on 30 Nov 2012

7 answers

96 views

[Solved] Items with long names don't work properly

Hello,

I am having an issue with items that have too long of names to fit on one line of the RadPanelBar. If you hover over one of these items, the first problem is only the first line is highlited. The second problem is after clicking the item, the second line disappears all together. I have included an example of code that will cause this problem below. Expand the "Items" item, then the "Child Item" and the next item will have the issue.

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        
                    <div> 
        
                        <telerik:RadPanelBar ID="RadPanelBar1" runat="server"> 
        
                            <Items> 
        
                                <telerik:RadPanelItem runat="server" Text="Items"> 
        
                                    <Items> 
        
                                        <telerik:RadPanelItem runat="server" Text="Child Item"> 
        
                                            <Items> 
        
                                                <telerik:RadPanelItem runat="server" Text="An Item with a long enough name to need 2 lines"> 
        
                                                </telerik:RadPanelItem> 
        
                                            </Items> 
        
                                        </telerik:RadPanelItem> 
        
                                    </Items> 
        
                                </telerik:RadPanelItem> 
        
                            </Items> 
        
                        </telerik:RadPanelBar> 
        
                    </div> 
        
                </form> 
        
            </body> 
        
            </html>

Thank you in advance,
Ben

PanelBar

answered on 30 Nov 2012

1 answer

113 views

Menu displaying differently in IE,Firefox than Chrome and Safari.

I have a RadMenu that displays a content that is loaded dynamically.
The menu configuration is as follows:
I need the EnableRootItemScroll as the menu can get bigger than the allowed page width so scrolling solves this issue.
It creates another more serious one though:
When viewing the menu in IE and Firefix the menu appears as it should be:
All root options in one line and all the submenus under their parent option, one under the other with no wrapping whatsoever.
In Chrome and Safari though all the submenus appear under theur parent option but not one under the other, but in one line.
In IE and Firefox i get this :

Account (root item)
    Overview
    Statement
    Details
    Request Statement

while in Chrome and Safari for the same menu i get the following:
Account (root item)
    Overview    Statement    Details    Request Statement

The same thing happens for all root items.
If remove the EnableRootItemScroll i get the same results in ALL browsers, which is not an option as the menu can get big in specific cases and it will cause a second line to appear.
Please help.

<telerik:RadMenu ID="RadMenu1" runat="server" Flow="Horizontal" Width="480px" CssClass="radMenu" EnableRoundedCorners="true" EnableRootItemScroll="true">

<ExpandAnimation Type="Linear" Duration="450"></ExpandAnimation>

<CollapseAnimation Type="Linear" Duration="450"></CollapseAnimation>

</telerik:RadMenu>

Menu

answered on 30 Nov 2012

1 answer

96 views

Change textbox heading in editform

Hi,
How to change the heading of the textbox in editform. Iam using the editform type as edit mode.
thanks
Allen

Grid

answered on 30 Nov 2012

4 answers

432 views

Rad grid EditFormSettings

Hi,
I have one user control, say test.ascx, I am refering this user control in 2 aspx pages. In one aspx page, i am calling this user control inside the rad grid EditFormSetting tag.
In this case can I identify from the code behind wether this user control is calling inside the Editform setting tag or not ?

Grid

answered on 30 Nov 2012

1 answer

209 views

Change color of bar in bar chart

Please how can I change the color of the bars of the telerik barchart.

Thanks.

Chart (Obsolete)

answered on 30 Nov 2012

1 answer

108 views

How to get the RadWindow content as a byte array.?

Hi Everyone,

I have an RadWindow control in an aspx page.
I have populated the Content of the RadWindow control with an Editable PDF ( Online Editable PDF users can fill the form).
I have an ASP.NET Button control outside the RadWindow.
In the click event of the ASP.NET Button, I need the PDF's values ( newly entered values).
Is there anyway to get the PDF's values in the form of a byte array......?

Thanks in advance.

General Discussions

answered on 30 Nov 2012

2 answers

261 views

[Solved] Listview columns

Hi! I am new with using the radlistview control. I am trying to mimic a very basic photo gallery to play with this listview control. I just want to display 9 images at a time, in columns of 3 (3x3). While I can get the images and titles to display. I can only get 1 column that shows all 9 images. Is there anything special I need to set to get my 3 "columns." There might be a pretty simple answer for this but I haven't found it yet. Thanks!

ListView

answered on 30 Nov 2012

6 answers

186 views

OnClientEntryAdded runs twice

Hello!

I found out that OnClientEntryAdded handler runs twice when AllowCustomEntry="true", which is somewhat undesirable behavior. There's a simple reproduction below. One should put a breakpoint in ClientEntryAdded() and in ServerEntryAdded(). The consequence of steps is
1) ClientEntryAdded()
2) ServerEntryAdded()
3) ClientEntryAdded()

Default.aspx

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

<%@ Register Assembly="Telerik.Web.UI, Version=2012.3.1120.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" 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></title>

<script type="text/javascript">

function ClientEntryAdded(sender, eventArgs) {

}

</script>

</head>

<body>

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

<div>

<asp:ScriptManager runat="server" />

<telerik:RadAutoCompleteBox runat="server"

AllowCustomEntry="true"

OnClientEntryAdded="ClientEntryAdded"

OnEntryAdded="ServerEntryAdded"

ID="racb" />

</div>

</form>

</body>

</html>

Default.aspx.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

using System.Threading;

namespace TestAutocomplete

{

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

racb.DataSource = new List<string>();

racb.DataBind();

}

protected void ServerEntryAdded(object sender, AutoCompleteEntryEventArgs e)

{

}

AutoCompleteBox

answered on 30 Nov 2012