Questions on UI for ASP.NET AJAX Forum

2 answers

106 views

Tree view text gets jumbled and lot of space between parent and child menu items on IE6

I am getting a UI related problem in IE 6. I am facing the following two issues , when there is a vertical scroll in the control.

The text of menu items get distorted.(snapshot attached -- distortedtext IE6.JPG)
There is a white space between parent and child menu item.(snapshot attached--- spaceIE6.JPG)

The issue may be, vertical scroll bar coming while expanding the parent menu item.

Thanks,

Sagar

TreeView

answered on 26 Aug 2010

14 answers

569 views

set column width individually and horizontal line between two rows

Hello

i have used <telerik:GridTemplateColumn> for each column in RadGrid... and have some issues like
1). Though i have provided width value to each column, there is no effect shown. when i used TableLayout="Fixed", each column is shown with provided width but rows' height are not looking proper. so is anyone let me know how to set individual column width?
2). i don't want horizontal lines between two rows. how to make it disable?
3). Though i set AllowPaging="True" and PageSize="20" and there are total 50 records as a result, than why its not showing paging?

thank you
Kamini

Grid

answered on 26 Aug 2010

2 answers

459 views

[Solved] hide/show edit command button based on another column

Hi,

I have a Grid on a page, which contans a list of security gropus for my system. Some ot the groups are system groups and can not be altered. Each group have a bool GroupIsSystem group, placed in a column in the grid.

I would like to be able to hide the "Edit" command button on rows where column "GroupIsSystemGroup" is true, and show the edit button on opposite rows.

I know how to hook into ItemDataBound event, to do conditional formatting of my DataItem, I just cant figure out how to get to the row instance of the "Edit" button and set it to Visible = false.

Sincerely....

Jesper Laustsen

Grid

answered on 26 Aug 2010

0 answers

117 views

Problem with Upload and tabs

Not sure how to describe this well, so I will just do my best.

I have an upload control (and ProgressArea and ProgressManager) in a Tab control, and that Tab Control is in a Window Control. I have the Submit/Upload button inside the Upload control as described in the Telerik documentation.

The first tab has the upload control. The other tab is a RadGridView which lists the uploaded files, and has a LinkButton which allows you to download the file. Pretty simple.

Here is the workflow that is causing me a problem.

1) End user selects a file and uploads it. The progress bar shows up, the file uploads. All is well.
2) Switch to the download tab, and the uploaded file appears in the list as it should.
3) End user clicks on View LinkButton and is Response.Redirect to an HttpHandler which downloads the file. All is well.
4) End user switches back to the first tab to upload another file.
5) End user selects a file.
HERE IS THE PROBLEM
6) When the submit/upload button is clicked, the file is uploaded, BUT:
   a) The progress bar does not appear
   b) The fie name does not get removed from the selection textbox
   c) The View LinkButton (the one on the tab that's not even showing now) fires again, and attempts to re-download the file that was just downloaded

My gut feeling tells me that some kind of Ajax/Postback tom-foolery is going on here, but I'm lost as to what that might be? Any suggestions?

Upload (Obsolete)

asked on 26 Aug 2010

1 answer

150 views

Progress not showing

I could use some help to understand what I am doing wrong. I want to display the upload progress as my files upload. I think I have things setup the same way as in the documentation, however no progress bar shows up?

<telerik:RadPageView ID="pageUpload" runat="server">

<div style="border: solid 1px black; width: 100%;">

<telerik:RadProgressManager ID="RadProgressManager1" runat="server" />

<telerik:RadProgressArea ID="RadProgressArea1" runat="server" DisplayCancelButton="True"

Skin="WebBlue" />

<telerik:RadUpload ID="RadUpload1" runat="server" Style="margin: 5px;" AllowedFileExtensions=".doc,.pdf,.jpg,.jpeg,.gif,.png,.tif,.tiff"

ControlObjectsVisibility="All" InitialFileInputsCount="1" MaxFileInputsCount="5"

Skin="WebBlue" OnValidatingFile="RadUpload1_ValidatingFile" />

</div>

</telerik:RadPageView>

I am not sure if the fact that I have this in a Tab is any issue?

Sometimes our controls need a RadAjaxManagerProxy to work correctly, so I tried adding this as well. When I add this code, the little spinner control shows up for a second, but no progress bar, and it also "breaks" the upload - that is, the files DOES NOT upload if I add this ProxyManager code.

<telerik:RadAjaxManagerProxy ID="RadProxy1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadUpload1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadProgressArea1" />

<telerik:AjaxUpdatedControl ControlID="RadProgressManager1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

What am I missing?

Upload (Obsolete)

answered on 26 Aug 2010

3 answers

271 views

No scrolling in nested splitter pane when containing pane is Scrolling="None"

I saw the previous post about scrolling and nested splitters, but the comments there didn't address my problem.

My nested splitters work fine in IE7, but in IE8 the panes in the nestedsplitter will not scroll if the containing pane is set to Scrolling="None". The pane at the bottom of this sample should scroll:

<telerik:RadSplitter ID="ExplorerSplitter" runat="server" Height="100%" Orientation="Vertical" Width="100%" HeightOffset="104" VisibleDuringInit="false" LiveResize="false" >

<telerik:RadPane CssClass="GridPane" ID="GridPane" runat="server" Scrolling="None" Height="100%" BackColor="white">

<telerik:RadSplitter ID="GridSplitter" runat="server" Height="100%" Orientation="Horizontal" Width="100%" VisibleDuringInit="false" LiveResize="false" BorderSize="0" CssClass="ExplorerGridSplitter">

<telerik:RadPane ID="GridListPane" runat="server" Scrolling="X" BorderWidth="0" BackColor="white" Height="100%">...

Splitter

answered on 25 Aug 2010

2 answers

99 views

Error message when uploading an image

Hi,

I was trying to upload an image using the image manager and I received the following error message:

Cannot deserialize dialog paramaters. Please refresh the editor page.
Error Message:Invalid charachter in a Base-64 string

Has anyone else encountered this and if so do you know what it means or how to fix it?

Thanks,
James

Editor

answered on 25 Aug 2010

6 answers

216 views

[Solved] DataSource for AdvancedForm ResourceControl

I can't seem to figure out how to associate my SQL DataSource to a ResourceControl in a customized advanced form template. The examples online are not helping to figure this out. Can you tell me what I'm doing wrong in this code:

<telerik:RadScheduler runat="server" ID="RadScheduler1" Skin="Vista"

DataKeyField="ID" DataSubjectField="subject" DataStartField="start" DataEndField="end"

Height="650px" Width="375px" SelectedView="DayView"

ShowFooter="true" RowHeight="20px" ShowViewTabs="false"

DayStartTime="08:00:00" DayEndTime="17:00:00"

FirstDayOfWeek="Monday" LastDayOfWeek="Sunday"

EnableDescriptionField="true"

AppointmentStyleMode="Default"

EnableResourceEditing="true"

OnDataBound="RadScheduler1_DataBound"

OnAppointmentDataBound="RadScheduler1_AppointmentDataBound"

OnClientFormCreated="schedulerFormCreated"

OnAppointmentDelete="RadScheduler1_AppointmentDelete"

OnAppointmentUpdate="RadScheduler1_AppointmentUpdate"

OnAppointmentInsert="RadScheduler1_AppointmentInsert">

<AdvancedForm Modal="false" />

<TimelineView UserSelectable="false" />

<AppointmentTemplate>

<div class="rsAptSubject">

<%# Eval("Subject") %>

</div>

</AppointmentTemplate>

<TimeSlotContextMenuSettings EnableDefault="true" />

<AppointmentContextMenuSettings EnableDefault="true" />

<ResourceTypes>

<telerik:ResourceType KeyField="CPK_CATEGORY" Name="Department" TextField="category" ForeignKeyField="DepartmentID" DataSourceID="dsTodoCategory" />

</ResourceTypes>

<AdvancedEditTemplate>

<scheduler:AdvancedForm runat="server" ID="AdvancedEditForm1" Mode="Edit"

Subject='<%# Bind("Subject") %>'

Description='<%# Bind("Description") %>'

Start='<%# Bind("Start") %>'

End='<%# Bind("End") %>'

RecurrenceRuleText='<%# Bind("RecurrenceRule") %>'

RoomID='<%# Bind("Room") %>'

DepartmentID='<% Bind("Department") %>' />

</AdvancedEditTemplate>

<AdvancedInsertTemplate>

<scheduler:AdvancedForm runat="server" ID="AdvancedInsertForm1" Mode="Insert"

Subject='<%# Bind("Subject") %>'

Start='<%# Bind("Start") %>'

End='<%# Bind("End") %>'

Description='<%# Bind("Description") %>'

RecurrenceRuleText='<%# Bind("RecurrenceRule") %>'

RoomID='<%# Bind("Room") %>'

DepartmentID='<% Bind("Department") %>' />

</AdvancedInsertTemplate>

</telerik:RadScheduler>

In AdvancedForm.ascx:

<asp:Panel runat="server" ID="ResourceControls">

<ul class="rsResourceControls">

<li>

<scheduler:ResourceControl runat="server" ID="ResRoom" Type="Room" Label="Room:" Skin='<%# Owner.Skin %>' />

</li>

<li>

<scheduler:ResourceControl runat="server" ID="ResDepartment" Type="Department" Label="Department:" Skin='<%# Owner.Skin %>' />

</li>

</ul>

</asp:Panel>

I get this error when I compile:
Cannot create an object of type 'System.Object' from its string representation '<% Bind("Department") %>' for the 'DepartmentID' property.

An example of associating a DataSourceID to a custom resource type would be most useful.

Thanks. Dan

Scheduler

answered on 25 Aug 2010

1 answer

230 views

[Solved] page lifecycle RadComboBox vs standard DropDownList

Hi,

I am trying to set the SelectedValue of a RadComboBox that uses declarative databinding. What I am finding is that the value is not set, as the combobox is not yet databound in the page load event. This seems to differ with my experience with the standard asp.net dropdownlist, which is databound at that point.

Am I missing something here? Is this expected behaviour?

Thanks.

ComboBox

answered on 25 Aug 2010

1 answer

144 views

[Solved] Changing datasource parameters causes RadRotator to stop rotating

I'm tryng to create an Image Gallery that uses a datalist to drill down through the subgallery structure, and at each level there is a RadRotator that should display the images in the current subgallery. The problem is that when I add the logic that changes the datasource parameter that controls which subgallery's images are being displayed, it stops the RadRotator from rotating.

See code below:

Imports System.IO

Partial Class test

Inherits System.Web.UI.Page

Protected Sub thumbRotator_DataBound(ByVal sender As Object, ByVal e As System.EventArgs) Handles thumbRotator.DataBound

If thumbRotator.Items.Count < 4 Then

thumbRotator.RotatorType = Telerik.Web.UI.RotatorType.FromCode

End If

End Sub

Protected Sub thumbRotator_ItemClick(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadRotatorEventArgs) Handles thumbRotator.ItemClick

Dim thumbUrl As String = CType(e.Item.FindControl("thumbImage"), HtmlImage).Src

Dim previewUrl As String = "~/App_Content/gallery/" & Path.GetFileName(thumbUrl)

imagePreview.ImageUrl = previewUrl

End Sub

Protected Sub DataList1_ItemCommand(ByVal source As Object, ByVal e As System.Web.UI.WebControls.DataListCommandEventArgs) Handles DataList1.ItemCommand

If e.CommandName = "Gallery" Then

ObjectDataSource1.SelectParameters("GalleryID").DefaultValue = e.CommandArgument

ObjectDataSource2.SelectParameters("GalleryID").DefaultValue = e.CommandArgument

thumbRotator.DataBind()

End If

End Sub

End Class

<body>

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

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="thumbRotator">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="imagePreview" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<table>

<tr>

<td colspan="3">

<asp:DataList ID="DataList1" runat="server" DataSourceID="ObjectDataSource1"

DataKeyField="GalleryID" RepeatColumns="5">

<ItemTemplate>

<img src='<%# DataBinder.Eval(Container.DataItem, "ImageID", "thumbs/{0}") %>' runat="server" id="thumbImage" /><br />

<asp:LinkButton ID="LinkButton1" runat="server" Text='<%# Eval("Title") %>' CommandName="Gallery" CommandArgument='<%# Eval("GalleryID") %>' />

</ItemTemplate>

</asp:DataList>

<asp:ObjectDataSource ID="ObjectDataSource1" runat="server"

SelectMethod="GetGalleriesByParent" TypeName="GalleryManager" >

<SelectParameters>

<asp:Parameter DefaultValue="0" Name="GalleryID" Type="Int32" />

<asp:Parameter Name="ShowParentGallery" Type="Boolean" DefaultValue="True" />

</SelectParameters>

</asp:ObjectDataSource>

</td>

</tr>

<tr>