Questions on UI for ASP.NET AJAX Forum

2 answers

141 views

Telerik file upload control rendering issue

I have a Telerik file upload control. it renders misaligned to the other items on the page. How can I get the control to render left aligned?

The markup looks like this:

<table>
<tr>
<td colspan="2">
<asp:Label ID="PleaseSelectAFileLabel" runat="server" Visible="false" Text="Please select a file." CssClass="ControlLabel"></asp:Label><br />
<asp:Label ID="PleaseSelectAFileType" runat="server" Visible="false" Text="Please select a file type." CssClass="ControlLabel"></asp:Label>
</td>
</tr>
<tr>
<td>
<div style="font-size:15px; font-weight:bold">File Type</div>
</td>
<td style="width: 296px" colspan="2">
<asp:DropDownList ID="EmployeeImportFormatDropDownList" AutoPostBack="true" runat="server" Width="200px" OnLoad="EmployeeImportFormatDropDownList_OnLoad"></asp:DropDownList>
<asp:LinkButton ID="EmployeeImportFormatDownloadLink" runat="server" Text="Download Template" OnClick="EmployeeImportFormatDownloadButton_OnClick" />
</td>
</tr>
<tr>
<td>
<div style="font-size:15px; font-weight:bold">File</div>
</td>
<td colspan="2">
<%--<asp:FileUpload ID="DataImportFileUpload" runat="server" Width="400px" EnableViewState="true"/><br />--%>
<telerik:RadAsyncUpload runat="server" ID="DataImportsRadAsyncUpload" MultipleFileSelection="Disabled" MaxFileInputsCount="1" Width="375px" AllowedFileExtensions=".csv" />
</td>
</tr>
<tr valign="top">
<td width="75px"></td>
<td style="width: 296px">
<asp:Button ID="DataImportFileUploadImportButton" runat="server" Text="Import" OnClick="DataImportFileUploadImportButton_OnClick"/>  <asp:Button ID="DataImportFileUploadCancelButton" runat="server" Text="Cancel" OnClick="DataImportUploadCancelButton_OnClick"/><br /><br />
<asp:LinkButton ID="DataImportMappingLink" runat="server" Text="Employee Data Import Mapping" PostBackUrl="../Company/ImportDataMapping.aspx"></asp:LinkButton>
</td>
</tr>
</table>

AsyncUpload

answered on 15 May 2014

3 answers

112 views

Sliding panelbar animation issue

I followed the code below to animate the panel bar to slide left/right:

if (pnlHelpPanel) {

SetUpAnimation(imgHelpPanelTab.id, Telerik.Web.UI.jSlideDirection.Left, pnlHelpPanel);

}

function SetUpAnimation(image, direction, element) {

element.style.position = "relative";

var slider = document.getElementById(image);

var expanded = false;

var expandAnimation = new Telerik.Web.UI.AnimationSettings({});

var collapseAnimation = new Telerik.Web.UI.AnimationSettings({});

var slide = new Telerik.Web.UI.jSlide(element, expandAnimation, collapseAnimation, false);

slide.initialize();

slide.set_direction(direction);

slider.onclick = function () {

element.parentNode.style.visibility = "visible";

element.parentNode.style.display = "block";

if (!expanded) {

slide.expand();

} else {

slide.collapse();

}

expanded = !expanded;

return false;

} // end onlick function definition

} // end SetUpAnimation

It works well doing a sliding animation left/right. However, I get an issue when trying to do the animation top/bottom. i changed the jSlideDirection to bottom and there was no sliding animation. Am I doing something wrong on my end or is there no animation for top/bottom?

PanelBar

answered on 15 May 2014

1 answer

103 views

DO NOT Format contents in Editor

Hi,

One of our client want to NOT format the contents when they paste their HTML (in html view). Here is an example. They paste something like this in HTML view

<table><tr style="background-color:#EEE;"><td>Routes</td><td>200</td></tr></table>

and when switch to design view and come back (or save), it turns into like this

<table>

<tbody>

<tr style="background-color: rgb(238, 238, 238);">

<td>Routes</td>

<td>200</td>

</tr>

</tbody>

</table>

Notice that editor not only format the codes (add link breaks etc), but also changes colors to rgb etc.
Is there any way to prevent this?
thanks
We are using telerik controls version 2012.2.912.35

Editor

answered on 15 May 2014

4 answers

244 views

[Solved] Object doesn't support property or method 'get_masterTableView'

Hi,

I was working on a small sample that will populate a RadGrid using client side code and when I tried using 'get_masterTableView' function the script threw the following error:
"Object doesn't support property or method 'get_masterTableView'"

Here's my code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestWebMethodCall.aspx.cs" Inherits="RestfulServiceClientApp.TestWebMethodCall" %>

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script src="Scripts/jquery-1.11.1.min.js"></script>

<script type="text/javascript">

//<![CDATA[

$(document).ready(function () {

alert('DOM Ready !');

$('<%=RadAjaxLoadingPanel1.ClientID%>').show('<%=grd_ajaxifiedGrid.ClientID %>');

PageMethods.GetData(successMethod);

function successMethod(result) {

alert(result);

var masterTableView = $('<%=grd_ajaxifiedGrid.ClientID %>').get_masterTableView();

masterTableView.set_datasource(result);

masterTableView.dataBind();

$('<%=RadAjaxLoadingPanel1.ClientID%>').hide('<%=grd_ajaxifiedGrid.ClientID %>');

}

});

//]]>

</script>

</telerik:RadCodeBlock>

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

<telerik:RadScriptManager runat="server" ID="scrptmgr_radScriptManager" EnablePageMethods="true"></telerik:RadScriptManager>

<telerik:RadGrid ID="grd_ajaxifiedGrid" runat="server" EnableViewState="false" CellSpacing="-1" GridLines="Both" ClientIDMode="Static"

Width="200" Height="400"></telerik:RadGrid>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default"></telerik:RadAjaxLoadingPanel>

<div>

</div>

</form>

</body>

</html>

and here's my Web Method in the code behind:

[WebMethod]

public static List<string> GetData()

{

List<string> myLst = new List<string>();

myLst.Add("Test1");

myLst.Add("Test2");

myLst.Add("Test3");

myLst.Add("Test4");

myLst.Add("Test5");

return myLst;

}

Please, help.

Many thanks in advance.

Grid

answered on 15 May 2014

7 answers

228 views

[Solved] ExportToExcel with Grid Column Groups and making columns Visible

NUTSHELL
I am exporting a grid that has Grid Column Groups to Excel and making changing the display of several fields from false to true. The Grid Column Group is not expanding in Excel to handle the columns which are now displayed.

DETAIL
My grid has 16 viewable columns and 6 grid column groups. When I go to Export to Excel, I change 10 additional columns so the display is true. These columns are interspersed throughout the grid and not all at the end. In Excel, the Grid Column Groups do not expand, so if they were 3columns before but now there are 6 columns under that group, it is still only 3 columns wide. This of course throws everything off.

I am programming in MS Visual Studio 2012.
I am using Telerik UI for ASP.NET AJAX, v.2014.1.225.45

CODE

Protected Sub btnExport_Click(ByVal sender As Object, ByVal e As EventArgs)

Me.RadGrid1.MasterTableView.GetColumn("Location").Display = True

Me.RadGrid1.MasterTableView.GetColumn("Proposal_NotIssued").Display = True

Me.RadGrid1.MasterTableView.GetColumn("Proposal_NotIssuedReason").Display = True

Me.RadGrid1.MasterTableView.GetColumn("Proposal_Qualification").Display = True

Me.RadGrid1.MasterTableView.GetColumn("Proposal_EstimatedProjectArea").Display = True

Me.RadGrid1.MasterTableView.GetColumn("Proposal_EstimatedConstructionCost").Display = True

Me.RadGrid1.MasterTableView.GetColumn("Proposal_WinningProbabilityPct").Display = True

Me.RadGrid1.MasterTableView.GetColumn("Proposal_DateGranted").Display = True

Me.RadGrid1.MasterTableView.GetColumn("Proposal_ProjectID").Display = True

Me.RadGrid1.MasterTableView.GetColumn("Proposal_Comments").Display = True

For Each item As GridDataItem In Me.RadGrid1.Items

If item.Selected = False Then

item.Visible = False

End If

Next

Me.RadGrid1.ExportSettings.ExportOnlyData = True

Me.RadGrid1.ExportSettings.OpenInNewWindow = True

Me.RadGrid1.ExportSettings.FileName = "Selected Proposals " & Format(Now, "yyyy-MM-dd-h-mm-ss")

'Me.RadGrid1.ExportSettings.IgnorePaging = True

Me.RadGrid1.ExportSettings.UseItemStyles = True

Me.RadGrid1.MasterTableView.ExportToExcel()

End Sub

HTML
I won't bother to post the HTML until asked, but here is the code for the GridColumnGroup and one of the non-displayed columns.

<ColumnGroups>

<telerik:GridColumnGroup HeaderText="Proposal" Name="Proposal" HeaderStyle-HorizontalAlign="left" >