Questions on UI for ASP.NET AJAX Forum

1 answer

115 views

How would someone put all items in a DetailTableView into edit mode when the parent is expanded?

I have already viewed the documentation outlining how to put everything into edit mode by default using the PreRender event. Not only does this put the DetailTableView items in edit mode, but also the MasterTableView (unwanted). In addition, this causes the paging mechanism to become useless as the first page is always displayed.

In another article, a method of adding the indexes to the EditIndexes collection is covered. I do not see how you can add the indexes of the DetailTableView items to this collection.

Any help would be greatly appreciated. The current mechanism which requires users to click an Edit button next to each row and then update is "cumbersome" according to my users. Providing the ability to edit in batch (updating in batch is covered in one of your articles) would be priceless.

Regards,
Jake

Grid

answered on 23 Jul 2009

1 answer

154 views

RadBinary Image Thumbnail tooltip

Is it possible to use the tooltip (or any other method) to enlarge a thumbnail when you hover over the BinaryImage? I amusing a repeater to dislpay the thumbnail.

BinaryImage

answered on 23 Jul 2009

2 answers

218 views

Upload progress popup window

Is it possible to put the upload progress bars into a telerik modal window control, for the duration of the upload and the window disappears when the upload has finished?

Upload (Obsolete)

answered on 23 Jul 2009

2 answers

116 views

[Solved] Export from Ajaxified grid in UserControl

Hi,

I am trying to achieve the functionality shown in
http://demos.telerik.com/aspnet-ajax/tabstrip/examples/applicationscenarios/loadondemand/defaultcs.aspx

I am able to make my tab and multipage work as shown in the above example. I also want to have the export option for the grids which load from the usercontrol. Can you please suggest what can I do in this scenario. For Ajaxified grid, we have to cancel the AJAX as suggested in the examples I got from the following link:
http://www.telerik.com/community/code-library/aspnet-ajax/general/export-radgrid-content-to-excel-word-csv-pdf-with-ajax-enabled.aspx

How can I refer to the button control defined in the usercontrol page which starts the export process to cancel the AJAX for that process? AJAX Manager is ajaxifying the whole tab in this load on demand example, so can I refer to the button in usercontrol ?

<

telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">

<telerik:AjaxSetting AjaxControlID="RadTabStrip1">

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadMultiPage1">

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</

telerik:RadAjaxManager>

Can you please suggest what can I do in this scenario?

Thanks.

Ajax

answered on 23 Jul 2009

1 answer

63 views

Dynamically added usercontrols not rendered like they should

Hi there

I have a usercontrol called ReportContainer.

This is the markup.

                    <telerik:RadScriptManager ID="scriptManager" runat="server" />         
            <telerik:RadTabStrip ID="tsReport" runat="server"          
                ontabcreated="tsReport_TabCreated" >            
            </telerik:RadTabStrip>         
                     

And this is the codebehind.

                     protected void Page_Load(object sender, EventArgs e)         
                    {         
                        if (!Page.IsPostBack)         
                        {         
                            LoadTabs();         
                        }         
                    }         
                     
                     
                    private void LoadTabs()         
                    {         
                        RadTab radTabGeneral = new RadTab("General");                    
                        tsReport.Tabs.Add(radTabGeneral);         
                                
                     
                    }         
                     
                    protected void tsReport_TabCreated(object sender, RadTabStripEventArgs e)         
                    {         
                         TabGeneral tabGeneral = (TabGeneral)LoadControl(@"~\Report\Controls\Tabs\TabGeneral.ascx");         
                         e.Tab.Controls.Add(tabGeneral);         
                    }         

The markup from the UserControl I try to add is this.

                    khjhfsqfdsqfqsddfqsfsqfsqfsqfsq         
            <asp:FormView runat="server" ID="fvTabGeneral" DefaultMode="ReadOnly">         
                <ItemTemplate>         
                    ItemTemplate         
                </ItemTemplate>         
                <EditItemTemplate>         
                    EditItemtemplate         
                </EditItemTemplate>         
            </asp:FormView>         

The result looks like this.

It should use the Text property for the Tab title and the content of the Tab should show '

khjhfsqfdsqfqsddfqsfsqfsqfsqfsq '

What am I doing wrong?

TabStrip

answered on 23 Jul 2009

6 answers

229 views

[Solved] Height of cell

I know there are tons of posts on this, and I think I have gone thru all I can find. I still cannot get it to work. I have a calendar in month view. The text of the appointments get cut off because the height of the appointment is too small. I want to increase this so I can see all the text. This is the latest I have tried.

.RadScheduler_WebBlue .rsMonthView div.rsWrap

{

height:50px;

}

</style>

The scheduler is very simple and read only.

<telerik:radscheduler id="RadScheduler1" runat="server" Skin="WebBlue" DayStartTime="10:00:00" DayEndTime="20:00:00" Height="700px" >

</telerik:radscheduler>

Thanks so much.
Susan

Scheduler

answered on 23 Jul 2009

2 answers

138 views

[Solved] Backcolor on RaqMenu

I have a RadMenu that had a dark blue backcolor. after updating to the latest release, this no longer works.

<telerik:RadMenu ID="RadMenu1" runat="server" Flow=Vertical BackColor="#212844">

<Items>

<telerik:RadMenuItem Text="Home" NavigateUrl="default.aspx"/>

<telerik:RadMenuItem Text="Rec League" NavigateUrl="RecLeague/RecLeague.aspx"/>

<telerik:RadMenuItem Text="Adult League" NavigateUrl="AdultLeague/AdultLeague.aspx"/>

<telerik:RadMenuItem Text="Tryouts" NavigateUrl="Tryouts.aspx"/>

<telerik:RadMenuItem Text="Calendar" NavigateUrl="GJSCCalendar.aspx"/>

<telerik:RadMenuItem Text="Tournaments/Training" NavigateUrl="Training.aspx"/>

<telerik:RadMenuItem Text="Club Info/Contacts" NavigateUrl="ContactUs.aspx"/>

<telerik:RadMenuItem Text="Coaches" NavigateUrl="Coaches.aspx"/>

<telerik:RadMenuItem Text="News" NavigateUrl="News.aspx" CssClass="selectedItem"/>

<telerik:RadMenuItem Text="Photo Gallery" NavigateUrl="PhotoGallery.aspx"/>

<telerik:RadMenuItem Text="Forms & Links" NavigateUrl="Forms.aspx"/>

<telerik:RadMenuItem Text="Sponsors" NavigateUrl="Sponsors.aspx"/>

<telerik:RadMenuItem Text="Feedback" NavigateUrl="Feedback.aspx"/>

<telerik:RadMenuItem Text="Donations" NavigateUrl="Donations.aspx"/>

</Items>

</telerik:RadMenu></td></tr>

Can you tell me what I need to change?

Thanks,
Susan

Menu

answered on 23 Jul 2009

5 answers

241 views

ItemCommand not firing in a custom server control

Hi!
I have created a custom server control which implements your data grid.
Everything works fine except that when I click the “delete” button it does not fire the “ItemCommand” event. It does go to the server however.
I have attached my code here so you can take a look.
Thank you in advance!

Imports System

Imports System.Web.UI.WebControls

Imports System.Web.UI

Imports Telerik.WebControls

Imports System.ComponentModel

<DefaultProperty(""), ToolboxData("<{0}:npaGeneralDataGrid runat=server></{0}:npaGeneralDataGrid>")> _

Public Class npaGeneralDataGrid

Inherits Global.Telerik.WebControls.RadGrid

Private _ShowColumnEmployeeNumber As Boolean = False

Private _ShowColumnDeleteNPA As Boolean = False

Private _iconDeleteNPA As String

Private _GridType As GridTypeEnum

'Private oUserProfile As NPABusinessServices.UserProfile

Private _dataGridOwner As String

#Region "Custom Properties"

Public Property GridType() As GridTypeEnum

Get

Return _GridType

End Get

Set(ByVal value As GridTypeEnum)

_GridType = value

End Set

End Property

Public Property ShowColumnEmployeeNumber() As Boolean

Get

Return _ShowColumnEmployeeNumber

End Get

Set(ByVal value As Boolean)

_ShowColumnEmployeeNumber = value

End Set

End Property

Public Property ShowColumnDeleteNPA() As Boolean

Get

Return _ShowColumnDeleteNPA

End Get

Set(ByVal value As Boolean)

_ShowColumnDeleteNPA = value

End Set

End Property

Public Property iconDeleteNPA() As String

Get

Return _iconDeleteNPA

End Get

Set(ByVal value As String)

_iconDeleteNPA = value

End Set

End Property

#End Region

#Region "Grid Type Enumeratior"

Public Enum GridTypeEnum As Integer

Drafts = 0

End Enum

#End Region

Public Sub New()

MyBase.New()

MyBase.AutoGenerateColumns = False

End Sub

Private Sub npaGeneralDataGrid_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init

Dim oCol As GridColumn

oCol = New EmployeeNumber

oCol.HeaderText = "Emp No."

oCol.SortExpression = "LastName"

oCol.HeaderStyle.Width = Unit.Pixel(60)

oCol.HeaderStyle.HorizontalAlign = WebControls.HorizontalAlign.Left

oCol.ItemStyle.HorizontalAlign = WebControls.HorizontalAlign.Left

oCol.Visible = Me.ShowColumnEmployeeNumber

MyBase.MasterTableView.Columns.Add(oCol)

oCol = New DeleteNPA(_iconDeleteNPA)

MyBase.MasterTableView.Columns.Add(oCol)

oCol.HeaderText = ""

oCol.HeaderStyle.HorizontalAlign = WebControls.HorizontalAlign.Left

oCol.ItemStyle.HorizontalAlign = WebControls.HorizontalAlign.Left

oCol.Visible = Me.ShowColumnDeleteNPA

End Sub

Private Sub npaGeneralDataGrid_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

''data gets binded here - works beautifully

End Sub

Private Sub npaGeneralDataGrid_ItemCommand(ByVal source As Object, ByVal e As Telerik.WebControls.GridCommandEventArgs) Handles Me.ItemCommand

''this is never fired

Select Case e.CommandName.ToUpper()

Case "DELETE"

Case "DESELECT"

Case "PAGE"

End Select

End Sub

End Class

''class containing the column definition

Imports System

Imports System.Data

Imports System.Configuration

Imports System.Web

Imports System.Web.Security

Imports System.Web.UI

Imports System.Web.UI.WebControls

Imports System.Web.UI.WebControls.WebParts

Imports System.Web.UI.HtmlControls

Imports Telerik.WebControls

Public Class EmployeeNumber

Inherits GridTemplateColumn

Private Class ActualClass

Implements ITemplate

Public Column As EmployeeNumber = Nothing

Public Sub InstantiateIn(ByVal container As System.Web.UI.Control) Implements System.Web.UI.ITemplate.InstantiateIn

Dim oLabel As New Label

oLabel.ID = "lblEmployeeNumber"

container.Controls.Add(oLabel)

AddHandler oLabel.DataBinding, AddressOf BindObject

End Sub

Public Sub BindObject(ByVal sender As Object, ByVal e As EventArgs)

'Create a new instance of a Label.

Dim oLabel As Label = CType(sender, Label)

Dim container As GridDataItem = CType(oLabel.NamingContainer, GridDataItem)

'Bind the employee name to the label text

If Not IsDBNull(container.DataItem("EmployeeNumber")) Then

oLabel.Text = container.DataItem("EmployeeNumber")

End If

End Sub

End Class

Public Sub New()

Dim template As New ActualClass

template.Column = Me

Me.ItemTemplate = template

End Sub

End Class

Public Class LastUpdatedDate

Inherits GridTemplateColumn

Private Class ActualClass

Implements ITemplate

Public Column As LastUpdatedDate = Nothing

Public Sub InstantiateIn(ByVal container As System.Web.UI.Control) Implements System.Web.UI.ITemplate.InstantiateIn

Dim oLabel As New Label

oLabel.ID = "lblLastUpdatedDate"

container.Controls.Add(oLabel)

AddHandler oLabel.DataBinding, AddressOf BindObject

End Sub

Public Sub BindObject(ByVal sender As Object, ByVal e As EventArgs)

'Create a new instance of a Label.

Dim oLabel As Label = CType(sender, Label)

Dim container As GridDataItem = CType(oLabel.NamingContainer, GridDataItem)

'Bind the employee name to the label text

oLabel.Text = container.DataItem("LastUpdatedDate")

End Sub

End Class

Public Sub New()

Dim template As New ActualClass

template.Column = Me

Me.ItemTemplate = template

End Sub

End Class

Public Class DeleteNPA

Inherits GridTemplateColumn

Private Shared _IconPath As String

Private Class ActualClass

Implements ITemplate

Public Column As DeleteNPA = Nothing

Public Sub InstantiateIn(ByVal container As System.Web.UI.Control) Implements System.Web.UI.ITemplate.InstantiateIn

Dim oImageButton As New ImageButton

oImageButton.ID = "imgDeleteNPA"

oImageButton.ImageUrl = _IconPath

'oImageButton.CommandName = "delete"

container.Controls.Add(oImageButton)

AddHandler oImageButton.DataBinding, AddressOf BindObject

End Sub

Public Sub BindObject(ByVal sender As Object, ByVal e As EventArgs)

''Get the label's instance

Dim oImageButton As ImageButton = CType(sender, ImageButton)

Dim container As GridDataItem = CType(oImageButton.NamingContainer, GridDataItem)

''Bind the object's CommandArgument to the NPAID

oImageButton.CommandArgument = container.DataItem("NPAID")

oImageButton.CommandName = "delete"

End Sub

End Class

Public Sub New(ByVal iconPath As String)

Dim template As New ActualClass

template.Column = Me

Me.ItemTemplate = template

Me.AllowFiltering = False

_IconPath = iconPath

End Sub

End Class

Grid

answered on 23 Jul 2009

1 answer

216 views

Text keeps grayed out when disabled on code-behind

Hi,

1) I am disabling a RadComboBox on code behind:

<telerik:RadComboBox ID="nfServingSizes" runat="server" Width="120px" MaxHeight="450px" Enabled="false" OnClientSelectedIndexChanged="nfServingSizes_SelectedIndexChanged"></telerik:RadComboBox>

Once displayed, it is correctly disabled (disabled) and does not response to any events as expected.

2) On JavaScript, after an Ajax callback it is enabled:

var combo = $find("<%= cmb.ClientID %>");

combo.enable();

2) Then items are added:

item = new Telerik.Web.UI.RadComboBoxItem();

item.set_text(result.Weights[i].Quantity + " " + result.Weights[i].Unit);

items.add(item);
.. more items in a loop ..

item.select();

The dropdown displays the added items and starts responding to events, but the displayed text remains grayed-out.

It works properly on FF 3.5. The text is grayed out on IE7 and IE8.

Thanks.

ComboBox

answered on 23 Jul 2009

1 answer

133 views

More interactive client side script

Hi there,

Is there any functionality available in telerik, like the grid used in www.xero.com accounting package which fully acts on client side?.

It is very fast, dynamic and intuitive. If the similar kind of functionality is available then it would be great for a real time small and independent programmers like me to develop more intutive solutions.

Telerik, tools are great but still I need a functionality like the grid used in xero.com. If it could be done with the telerik grid then please let me know how to do it.

Thanks

Alagappan Venkatachalam

Grid

answered on 23 Jul 2009