Questions on UI for ASP.NET AJAX Forum

2 answers

363 views

Scrolling in radlistview (not able to set height)

hello all,

I want scrolling for radlistview and I am not able to do that below is my code,

<telerik:RadListView ID="plantlistview" runat="server" ItemPlaceholderID="TrackContainer"
DataSourceID="imagedatasourcec" Skin="Outlook" Height="300px" AllowCustomPaging="True" >
<LayoutTemplate >
<div class="RadListView RadListView_<%# Container.Skin %>" >
<asp:PlaceHolder ID="TrackContainer" runat="server" ></asp:PlaceHolder>
</div>
</LayoutTemplate>
<ItemTemplate >
<div class="track rlvI" >
<div style="position: absolute; z-index: 8;">
<asp:Image ID="Image2" runat="server" Height="200px" Width="200px" ImageUrl="~/style/Images/webimages/photoframe.png" />
</div>
<div style="position: absolute; z-index: 9; padding-top: 20px; padding-left: 20px;">
<asp:Image ID="Image44" runat="server" Height="160" Width="160" ImageUrl='<%# String.Format("~/Images/{0}", Eval("img_name"))%>' />
</div>
<div id="Div1" style="position: absolute; z-index: 10;" onclick="window.open('donate.htm', '_self');">
<telerik:RadListViewItemDragHandle ID="RadListViewItemDragHandle1" Height="150" Width="150"
CssClass="img123" runat="server" ToolTip="Drag and drop it on the list to add in liiii">
</telerik:RadListViewItemDragHandle>
</div>
</div>
</ItemTemplate>
<ClientSettings AllowItemsDragDrop="True" >
</ClientSettings>

</telerik:RadListView>

------------------------------------------------------------------------------------------
CSS

*
{
padding:0;
margin:0;
font-family: Helvetica,Arial, sans-serif;
font-size: 12px;
}

#trackContainer
{
border:none;
width:800px;
float:left;
}
div.RadListView
{

border:none;
background-color:Transparent;
}
.track,
div.RadListView div.track
{
width:210px;
height:225px;
float:left;
padding:0;
margin:0;
border:0;
}

div.RadListView div.track h3,
div.RadListView div.track div
{
text-align:center;


}
div.RadListView div.track h3
{
font-size:12px;
}
div.RadListView div.track .info
{
padding-top:60px;

}

div.RadListView div.rlvDraggedItem
{
border:0;
margin:0;
}
div.rlvDraggedItem div.track.rlvI
{
border:none;
width:200px;

}

div.rlvDraggedItem div.track.rlvI .info
{
padding-top:10px;
padding-left:10px;
}
div.rlvDraggedItem div.track.rlvI .info div,
div.rlvDraggedItem div.track.rlvI .info h3
{
font-size:11px;
line-height:normal;
}

div.rlvDraggedItem div.track.rlvI .rlvDrag
{
display:none;
}

div.rlvDraggedItem div.track.rlvI .info .album
{
display:none;
}
div.rlvDraggedItem div.track.rlvI .info h3,
div.rlvDraggedItem div.track.rlvI .info div
{
margin-left:40px;
width:130px;
height:16px;
display:block;
text-align:left;
overflow:hidden;
}

Please help me,

ListView

answered on 16 Aug 2013

8 answers

428 views

Error loading RadChart image: Showing Red "X" and error message popup

Hi,
I am using Licensed version of telerik controls. I am using rad chart in my asp.net user control.
My application will get deployed on web farm and we have orcle database as backend tool so we are not using any asp .net session .
I am getting below error when I deploy my application to development server ( it is single server), but on my local machine it is working fine.

---------------------------
Microsoft Internet Explorer
---------------------------
Error loading RadChart image.
You may also wish to check the ASP.NET Trace for further details.
Display stack trace?

Below is the setting I did in my asp usercontrol on development server

<telerik:RadChart ID="ComplianceScoreChart" runat="server" ChartImageFormat="Jpeg" SeriesOrientation="Horizontal"

Height="100px" Width="200px" UseSession="false">

Web.config :
under httphandler I have below setting

<

add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false" />

Also I have Temporary image folder path set. And i am seeing images created and getting deleted immediately.
What can be the reason and how can I fix it? And also What I have to do in QA Test sever (having web farm) so there also It should not break?

Thanks & Regards
Mukund Katpatal.

Chart (Obsolete)

answered on 16 Aug 2013

1 answer

174 views

changing Radgrid to edit mode once record is inserted

Hi,
I would like to know how to put the grid in the edit mode once the record is inserted.

I am using telerik radgrid with editmode="Editforms" and EditFormType="Template"

Insert action is handled in the code behind.

Once record is inserted, I would like the grid to go into edit mode.

I would appreciate help with this.

Thanks,
Manisha

Grid

answered on 16 Aug 2013

2 answers

228 views

[Solved] Hide Labels in Add Form

I have three columns (EventID, EventName, DateCreated) in a RadGrid which I've attached some Manual CRUD operations to. EventID and DateCreated are created automatically in SQL and never need to be updated, so I have hidden their text boxes in the Add Form and disabled them in the Edit Form. My problem is: in the Add Form, their labels stay visible.

How can I hide those labels? I have attached a picture, and code for hiding/disabling text boxes are below.

protected void RadGrid1_ItemCreated(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

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

{

GridEditableItem item = e.Item as GridEditableItem;

GridEditManager manager = item.EditManager;

GridTextBoxColumnEditor editor = manager.GetColumnEditor("EventID") as GridTextBoxColumnEditor;

GridTextBoxColumnEditor editor2 = manager.GetColumnEditor("DateCreated") as GridTextBoxColumnEditor;

if (!(e.Item is GridEditFormInsertItem)) //edit record

{

editor.TextBoxControl.Enabled = false;

editor2.TextBoxControl.Enabled = false;

}

else //add record

{

editor.TextBoxControl.Visible = false;

editor2.TextBoxControl.Visible = false;

}

Grid

answered on 16 Aug 2013

1 answer

127 views

Access uploaded files from radasyncUpload

Ok, I know this is bordering on silly, but I dont upload files to a file structure. i got the radasyncUploader working and it uploads files to my directory and I save the file name to a dtabasse table. But now how do I acces the file using the uploader. Is there a way to do this. If there re files uploaded for this person I would like to show them on the page load and give admins the ability to delete the files or add new files.

Upload (Obsolete)

answered on 16 Aug 2013

1 answer

117 views

RadControls for ASP.NET AJAX upgrade wizard error

I keep getting this error when trying to upgrade my project using VS 2010 Ultimate:
Failed to execute command.

System.Runtime.InteropServices.COMException (0x80004005): Unspecified error (Exception from HRESULT: 0x80004005 (E_FAIL))
at EnvDTE._DTE.get_ActiveSolutionProjects()
at Telerik.VSX.Internal.ProjectManagement.ProjectRetriever.GetFirstSelectedProject(DTE dte)
at Telerik.VSX.Internal.ProjectManagement.ProjectRetriever.GetFirstSelectedProject(IServiceProvider serviceProvider)
at Telerik.VSX.Internal.ProjectManagement.ProjectWrapFactoryBase`1.GetForFirstSelectedProject(IServiceProvider serviceProvider)
at Telerik.Web.UI.VSX.ProjectConfigurators.ProjectConfigurationStyles.ProjectUpgrade(IServiceProvider serviceProvider)
at Telerik.Web.UI.VSX.ProjectConfigurators.StreamlinedProjectConfiguration.StartUpgradeWizard()
at Telerik.Web.UI.VSPackage.CommandExecutor.Execute(UInt32 commandId)
at Telerik.VSX.VSPackage.PackageBase.CommandCallback(Object sender, EventArgs e)

I have downloaded the latest version of the controls via the control panel and restarted VS multiple times but I still get the same error. I have gone through the forum and tried everything that users have reported but still continue to get this error. Any help would be appreciated.

Installer and VS Extensions

answered on 16 Aug 2013

5 answers

135 views

Browser closes connection before receiving response from OnSeriesItemClicked

Hello Telerik support team,

I have a RadHTMLChart that will eventually need to perform a drill-down. Following the documentation examples I created a sample application to try and sent a request to the server for the next set of line series to be drawn on the chart.

The server receives the request and goes through all the appropriate code-behind without errors, however the browser closes the connection between it and the server before it receives the response from the server. The result from the user's perspective is that the graph does not change.

This was tested on the latest versions of FF, IE, GC

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SeriesClickedIndependant.aspx.cs"

Inherits="SeriesClicked.SeriesClickedIndependant" %>

<%@ 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></title>

</head>

<body>

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

<div>

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

</telerik:RadScriptManager>

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

</telerik:RadAjaxManager>

<telerik:RadHtmlChart ID="RadHtmlChart1" OnClientSeriesClicked="OnClientSeriesClicked" runat="server">

</telerik:RadHtmlChart>

<script type="text/javascript">

function OnClientSeriesClicked(sender, eventArgs) {

//alert("You clicked on a series item with value '" + eventArgs.get_value() + "' from category '" + eventArgs.get_category() + " and Series:" + eventArgs.get_seriesName() + '.');

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

}

</script>

</div>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Reports.ReportPresenter;

using Telerik.Web.UI;

namespace SeriesClicked

{

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

{

private ReportsDataSource _radDataSource;

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

PreFetch();

FetchData(ReportsStoredProcedures.StoredProcedures.Company, new ReportsParameters(1356, "01/01/2011", "05/30/2011"));

PostFetch();

}

public void FetchData(ReportsStoredProcedures.StoredProcedures storedProcedure, ReportsParameters parameters)

{

//Populates the DataSource that will be used by the RADHTMLChart

_radDataSource = new ReportsPresenter().GetReportsDataSource(storedProcedure, parameters);

}

public void PostFetch()

{

foreach (LineSeries lS in _radDataSource.ReportsRadHtmlSource.SeriesCollection)

{

RadHtmlChart1.PlotArea.Series.Add(lS);

}

foreach (string s in _radDataSource.ReportsRadHtmlSource.LabelsArray)

{

RadHtmlChart1.PlotArea.XAxis.Items.Add(s);

}

public void PreFetch()

{

RadHtmlChart1.PlotArea.Series.Clear();

}

protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)

{

PreFetch();

FetchData(ReportsStoredProcedures.StoredProcedures.Region, new ReportsParameters(1356, 1356, 0, Reports.DataAccess.Facility.FacilityType.Regional, "01/01/2011", "05/30/2011"));

PostFetch();

}

public void FetchData()

{

}

Chart (HTML5)

answered on 16 Aug 2013

1 answer

551 views

Load items in Radcombobox on page load

Hi,

I am using a radcombobox and populating it using webservice. However the combobox is not loaded when the page loads the first time. when i start typing the combobox gets loaded fine with the values. i want the combobox to contain top 100 rows when the page loads so that by just clicking on the dropdown arrow it can see the option with out typing anything in the box.
Please find my code below:-

<telerik:RadComboBox runat="server" ID="RadComboBox1" Width="300px" Height="550px" AllowCustomText="true" OnClientItemsRequesting="OnClientItemsRequesting"
EnableLoadOnDemand="true" ShowMoreResultsBox="true" EnableVirtualScrolling="true" MarkFirstMatch="true" ItemsPerRequest="100"
EnableAutomaticLoadOnDemand="true" AutoPostBack="true">
<WebServiceSettings Path="~/Controls/ManagerListService.asmx" Method="GetManagerNames" />
</telerik:RadComboBox>

javascript
function OnClientItemsRequesting(sender, eventArgs) {
var context = eventArgs.get_context();
}

web srevice code

<WebMethod()>
Public Function GetManagerNames(context As RadComboBoxContext) As RadComboBoxData
Dim data As DataTable = Employee.LineManagersForUser(context.Text)

Dim result As New List(Of RadComboBoxItemData)()
Dim dropDownData As New RadComboBoxData()
Dim itemOffset As Integer = context.NumberOfItems
Dim endOffset As Integer = Math.Min(itemOffset + ItemsPerRequest, data.Rows.Count)
dropDownData.EndOfItems = endOffset = data.Rows.Count

result = New List(Of RadComboBoxItemData)(endOffset - itemOffset)

For i As Integer = itemOffset To endOffset - 1
Dim itemData As New RadComboBoxItemData()
itemData.Text = data.Rows(i)("Name").ToString()
itemData.Value = data.Rows(i)("EmplID").ToString()

result.Add(itemData)
Next

dropDownData.Items = result.ToArray()
Return dropDownData
End Function

Thanks,
Vineet

ComboBox

answered on 16 Aug 2013

1 answer

228 views

How to add the expand button on grid header

Hi
I have already add a toggle button in grid's each row to expand or collapse the grid hierarcy, I also want to add a toggle button on the grid header that control expand or collapse all grid rows. How to implement this.In attachment is my grid screen-shot. Below is some of my source code:
<telerik:RadGrid ID="gridActions" runat="server" AutoGenerateColumns="false" GridLines="Both"
AllowPaging="True" AllowSorting="true" AllowFilteringByColumn="false" Width="100%"
Skin="SL" OnPageIndexChanged="GridPageChangedEventArgs" OnSortCommand="GridPageSorting"
EnableEmbeddedSkins="False">
<PagerStyle Mode="NextPrevAndNumeric" />
<GroupingSettings CaseSensitive="false" />
<HeaderContextMenu EnableEmbeddedSkins="False">
</HeaderContextMenu>
<HeaderStyle Height="20px" Font-Size="XX-Small" />
<%--<SortingSettings EnableSkinSortStyles="false" />--%>
<ExportSettings Excel-FileExtension="xls" Excel-Format="Html" ExportOnlyData="true"
FileName="FCPASearchResult" HideStructureColumns="true" IgnorePaging="true" OpenInNewWindow="true">
</ExportSettings>
<MasterTableView TableLayout="Fixed" DataKeyNames="ActionID" AutoGenerateColumns="false"
CommandItemDisplay="None" NoMasterRecordsText='<%#NoRecordsToDisplayText%>' ItemStyle-HorizontalAlign="Left"
HeaderStyle-HorizontalAlign="Center" ExpandCollapseColumn-ButtonType="ImageButton"
ExpandCollapseColumn-CollapseImageUrl="../../MasterPages/images/collapser.gif"
ExpandCollapseColumn-ExpandImageUrl="../../MasterPages/images/expander.gif"
HeaderStyle-Font-Bold="true"
CellPadding="0" CellSpacing="0" HierarchyLoadMode="Client">

Grid

answered on 16 Aug 2013

4 answers

275 views

Failed to load viewstate in Rad window

This is how I load rad window

<script type="text/javascript">

function openRadWin(code, bookingdate, category) {

radopen("MyPage.aspx", "RadWindow1");

}

</script>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true"

VisibleStatusbar="false">

<Windows>

<telerik:RadWindow ID="RadWindow1" runat="server" ShowContentDuringLoad="false" Width="400px"

Height="400px" Title="Telerik RadWindow" Behaviors="Default" >

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

The rad window pop-up and it show "MyPage.aspx" correctly . But , In "MyPage.aspx" , I have a RadGrid with "AllowFilteringByColumn="true" " . When I filter RadGrid , it shows me the error

Server Error in '/' Application.

Failed to load viewstate.  The control tree into which viewstate 

is being loaded must match the control tree that was used to save 

viewstate during the previous request.  For example, when adding 

controls dynamically, the controls added during a post-back must 

match the type and position of the controls added during the initial request.

How can I fix it ?

Window

answered on 16 Aug 2013