Questions on UI for ASP.NET AJAX Forum

8 answers

92 views

Paging / Postback error with Relative Url Path

I have an interesting problem that I have never had before. I have a radgrid that has it's datasource created in the NeedDataSource method.

protected void CompletedLineProductionGoalGrid_NeedDataSource(object sender, EventArgs e)

{

GetDataSource();

List<LineProductionGoal> myCompletedGoals = new List<LineProductionGoal>();

myCompletedGoals.AddRange(listOfGoals.Where(i => i.StatusID == 5));

CompletedLineProductionGoalGrid.DataSource = myCompletedGoals.OrderBy(i => i.LineName);

}

private void GetDataSource()

{

if (listOfGoals == null)

{

listOfGoals = new LineProductionGoal().SelectAllLineProductionGoalsByUserIDNotDeleted(((User)Session["User"]).UserID);

}

<telerik:RadGrid ID="CompletedLineProductionGoalGrid" runat="server">

<MasterTableView>

<Columns>

<telerik:GridBoundColumn DataField="LineName" HeaderText="Line" UniqueName="LineName" />

<telerik:GridBoundColumn DataField="TargetUnitCount" HeaderText="Target" UniqueName="TargetUnitCount" />

<telerik:GridBoundColumn DataField="ActualUnitCount" HeaderText="Actual" UniqueName="ActualUnitCount" />

<telerik:GridBoundColumn DataField="SubmittedByName" HeaderText="Submitter" UniqueName="SubmittedByName" />

<telerik:GridBoundColumn DataField="ApprovedByName" HeaderText="Approver" UniqueName="ApprovedByName" />

<telerik:GridBoundColumn DataField="StatusType" HeaderText="Status" UniqueName="LineStatusType" />

<telerik:GridDateTimeColumn DataField="StartDate" DataFormatString="{0:MM/dd/yyyy}" HeaderText="Start" UniqueName="StartDate" />

<telerik:GridDateTimeColumn DataField="EndDate" DataFormatString="{0:MM/dd/yyyy}" HeaderText="End" UniqueName="EndDate" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

What happens is that if I put in the full url (http://localhost:5100/test/default.aspx) then everything works as expected. However if I go to (http://localhost:5100/test/) then it throws an error. Has anyone seen this behavior before.

Grid

answered on 05 Jan 2015

3 answers

77 views

Weird issue with Telerik controls for AJAX

I'm attempting to use the latest version of the Telerik controls, I have added my references in the ASP.NET project as shown in the attached image, but keep getting the errors in the 2nd attached image. Can someone help me with that

General Discussions

answered on 05 Jan 2015

1 answer

71 views

RadPane will not expand on an iPad

I've stripped down my project to the barest of minimums - you can open this with no code behind and find that the left sliding zone works properly however the second set does not. I've found that ( in this particular case ) commenting the <br / > s out - lets the sliding zone work again ? I am having the same issues in my full project and this does not correct the sliding pane issues there but does here - after stripping out all other code and controls.

I'm testing using Chrome's emulator = iPAD simulation
Note that when using a real iPAD it exhibits identical behavior -

Also noteable: all of my radsliders are un-responsive as well in iPAD mode

You'll also see I've tried both old and new Html and Doctype declarations - no differences found

Currently
Using VS 2012 - target framework is 4.5
Referencing Telerik v 2014.2.724.45 Web.Design / Web.Device.Detection / Web.UI / Web.UI.Skins

A better understanding of these anomalies might help me discover why my real app will not perform on the iPAD.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SearchView.aspx.cs" Inherits="Views.SearchView" Async="true" %>
<%@ 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">--%>

<!DOCTYPE html>
<html>


<head id="Head1" runat="server">
<title></title>
</head>

<body class="bodystyle">

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



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

</telerik:RadScriptManager>

Set Chrome emulation mode to Apple iPad 3 / 4 then -- comment the 3 < br / > out / uncomment to see the effects

<telerik:RadSplitter runat="server" ID="RadSplitter1" Height="100%" Width="100%" Orientation="Vertical">

<telerik:RadPane runat="Server" ID="radpane1" Width="10px" MinWidth="10" MaxWidth="300" Scrolling="None" CssClass="radpane1" ShowContentDuringLoad="False">

<telerik:RadSlidingZone ID="slidingzone1" runat="server" Width="25px" DockedPaneId="pane1" ClickToOpen="True" RenderMode="Classic">

<telerik:RadSlidingPane ID="pane1" Title="ABC Works fine" runat="server" Width="275" MinWidth="25" MaxWidth="275">

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

</asp:Panel>

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitbar1" runat="server">
</telerik:RadSplitBar>

<telerik:RadPane runat="Server" ID="radpane22">

<div id="divBody" runat="server" class="divBody">

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">

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

<telerik:RadSplitter runat="server" ID="RadSplitter2" Orientation="Horizontal" >

<telerik:RadPane runat="Server" ID="radpane11" Height="20px" MaxWidth="980" Scrolling="None" ShowContentDuringLoad="False">

<telerik:RadSlidingZone ID="ListMetricsSlidingZone" runat="server" Width="25px"
DockedPaneId="ListMetricsPane" RenderMode="Auto" ClickToOpen="True" SlideDirection="Bottom"
BorderStyle="Dotted" BorderWidth="1px" BorderColor="Black">

<telerik:RadSlidingPane ID="ListMetricsPane" Title="DEF" runat="server" Height="340">

Cannot collapse in iPAD emulation UNTIL the three < br / > 's below are commented out

</telerik:RadSlidingPane>


<telerik:RadSlidingPane ID="ListHistorySlidingPane1" Title="XYZ" Font-Size="X-Large" runat="server" Height="340">

Cannot expand - in iPAD emulation UNTIL the three < br / > 's below are commented out

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

<telerik:RadPane runat="Server" ID="radpane33" Scrolling="None" ShowContentDuringLoad="False">

<table class="maintable">
<tr>
<td style="vertical-align: top;">
<div id="divWrapper" runat="server">
<div id="dfssfddfsfdfd" runat="server" style="display: block">
</div>
</div>
</td>
</tr>
</table>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPageView>

</telerik:RadMultiPage>


<br />
<br />
<br />


</div>

<%--
<br />
<br />
<br />
fails here as well -- when uncommented
--%>

</telerik:RadPane>

</telerik:RadSplitter>



</form>

</body>

</html>

Splitter

answered on 05 Jan 2015

2 answers

197 views

Filter row disappears after filtering

Hi, hows it going?

I have a RadGrid control (2014.3.1024.45) that has paging, filtering, sorting and editing by template enabled. If I enter a filter value, the filter row in the grid disappears after the post back. The user is then unable to remove/change the filtering. Here my code:

<telerik:RadGrid runat="server" ID="rgdAddresses" AutoGenerateColumns="false" ShowStatusBar="true" AllowSorting="True" AllowFilteringByColumn="true"

OnItemCommand="rgdAddresses_ItemCommand"

OnNeedDataSource="rgdAddresses_NeedDataSource"

OnInit="rgdAddresses_Init"

OnItemDataBound="rgdAddresses_ItemDataBound"

OnSortCommand="rgdAddresses_SortCommand">

<MasterTableView DataKeyNames="Id, STACode" CommandItemDisplay="Top">

<CommandItemSettings ShowExportToWordButton="true" ShowExportToExcelButton="true"

ShowExportToCsvButton="true" ShowExportToPdfButton="false"

ShowRefreshButton="false" ShowAddNewRecordButton="true" AddNewRecordText="New STA Address" />

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" ItemStyle-Width="20px" HeaderText="Edit" UniqueName="Edit" />

<telerik:GridBoundColumn UniqueName="STACode" HeaderText="STA Code" DataField="STACode" AllowFiltering="true" />

<telerik:GridBoundColumn UniqueName="Name" HeaderText="Name" DataField="Name" AllowFiltering="true" />

<telerik:GridBoundColumn UniqueName="AddressLine1" HeaderText="Address Line 1" DataField="AddressLine1" AllowFiltering="true" />

<telerik:GridBoundColumn UniqueName="AddressLine2" HeaderText="Address Line 2" DataField="AddressLine2" Visible="false" />

<telerik:GridBoundColumn UniqueName="AddressLine3" HeaderText="Address Line 3" DataField="AddressLine3" Visible="false" />

<telerik:GridBoundColumn UniqueName="AddressLine4" HeaderText="Address Line 4" DataField="AddressLine4" Visible="false" />

<telerik:GridBoundColumn UniqueName="City" HeaderText="City" DataField="City" AllowFiltering="true" />

<telerik:GridBoundColumn UniqueName="Postcode" HeaderText="Postcode" DataField="Postcode" AllowFiltering="true" />

<telerik:GridBoundColumn UniqueName="CountryCode" HeaderText="Country Code" DataField="CountryCode" Visible="false" />

<telerik:GridBoundColumn UniqueName="TRNNumber" HeaderText="TRN Number" DataField="TRNNumber" AllowFiltering="true" />

<telerik:GridBoundColumn UniqueName="DepotNumber" HeaderText="Depot Number" DataField="DepotNumber" Visible="false" />

<telerik:GridBoundColumn UniqueName="DeliveryDayIndicator" HeaderText="Delivery Day Indicator" DataField="DeliveryDayIndicator" />

<telerik:GridTemplateColumn HeaderText="Active" UniqueName="Active" HeaderStyle-Width="30px" ItemStyle-HorizontalAlign="Center">

<ItemTemplate>

<asp:Image ID="imgActive" runat="server" ImageUrl="<%# GetBindingActiveImage() %>" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn UniqueName="ActiveExport" HeaderText="Active" DataField="Active" Visible="false" />

<telerik:GridTemplateColumn HeaderText="Mixed Marker" UniqueName="MixedMarker" HeaderStyle-Width="30px" ItemStyle-HorizontalAlign="Center">

<ItemTemplate>

<asp:Image ID="imgMixedMarker" runat="server" ImageUrl="<%# GetBindingMixedMarkerImage() %>" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn UniqueName="MixedMarkerExport" HeaderText="Mixed Marker" DataField="MixedMarker" Visible="false" />

</Columns>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<table class="tableStyle">

<tr>

<td colspan="5">

<asp:Label ID="lblInstruction" runat="server" CssClass="subTitle" Text='<%# (Container is GridEditFormInsertItem) ? "Add a new STA Address" : "Edit existing STA Address" %>' />

</td>

</tr>

<tr>

<td style="width: 100px">

<asp:Label ID="lblSTACode" runat="server" CssClass="labelStyle" Text="STA Code:" />

</td>

<td>

<asp:TextBox ID="txtSTACode" runat="server" CssClass="textBoxStyle" Text='<%# Bind("STACode") %>' MaxLength="30" TabIndex="1"/>

</td>

<td style="width: 30px"></td>

<td style="width: 120px">

<asp:Label ID="lblActive" runat="server" CssClass="labelStyle" Text="Active:" />

</td>

<td>

<asp:CheckBox ID="chkActive" runat="server" Checked='<%# (Container is GridEditFormInsertItem) ? true : Eval("Active") %>' TabIndex="9" />

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblName" runat="server" CssClass="labelStyle" Text="Name:" />

</td>

<td>

<asp:TextBox ID="txtName" runat="server" CssClass="textBoxStyle" Text='<%# Bind("Name") %>' MaxLength="50" TabIndex="2" />

</td>

<td></td>

<td>

<asp:Label ID="lblTRNNumber" runat="server" CssClass="labelStyle" Text="TRN Number:" />

</td>

<td>

<asp:TextBox ID="txtTRNNumber" runat="server" CssClass="textBoxStyle" Text='<%# Bind("TRNNumber") %>' MaxLength="6" TabIndex="10" />

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblAddressLine1" runat="server" CssClass="labelStyle" Text="Address Line 1:" />

</td>

<td>

<asp:TextBox ID="txtAddressLine1" runat="server" CssClass="textBoxStyle" Text='<%# Bind("AddressLine1") %>' MaxLength="50" TabIndex="2" />

</td>

<td></td>

<td>

<asp:Label ID="lblDepotNumber" runat="server" CssClass="labelStyle" Text="Depot Number:" />

</td>

<td>

<asp:TextBox ID="txtDepotNumber" runat="server" CssClass="textBoxStyle" Text='<%# Bind("DepotNumber") %>' MaxLength="5" TabIndex="11"/>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblAddressLine2" runat="server" CssClass="labelStyle" Text="Address Line 2:" />

</td>

<td>

<asp:TextBox ID="txtAddressLine2" runat="server" CssClass="textBoxStyle" Text='<%# Bind("AddressLine2") %>' MaxLength="30" TabIndex="3" />

</td>

<td></td>

<td>

<asp:Label ID="lblMixedMarker" runat="server" CssClass="labelStyle" Text="Mixed Marker:" />

</td>

<td>

<asp:Label ID="lblMixedMarkerValue" runat="server" CssClass="labelStyle" Text='<%# (Container is GridEditFormInsertItem) ? "True" : Eval("MixedMarker") %>' />

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblAddressLine3" runat="server" CssClass="labelStyle" Text="Address Line 3:" />

</td>

<td>

<asp:TextBox ID="txtAddressLine3" runat="server" CssClass="textBoxStyle" Text='<%# Bind("AddressLine3") %>' MaxLength="30" TabIndex="4"/>

</td>

<td></td>

<td>

<asp:Label ID="lblDeliveryDay" runat="server" CssClass="labelStyle" Text="Delivery Day Indicator:" />

</td>

<td>

<asp:Label ID="lblDeliveryDayValue" runat="server" CssClass="labelStyle" Text='<%# (Container is GridEditFormInsertItem) ? "0" : Eval("DeliveryDayIndicator") %>' />

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblAddressLine4" runat="server" CssClass="labelStyle" Text="Address Line 4:" />

</td>

<td>

<asp:TextBox ID="txtAddressLine4" runat="server" CssClass="textBoxStyle" Text='<%# Bind("AddressLine4") %>' MaxLength="30" TabIndex="5" />

</td>

<td></td>

</tr>

<tr>

<td>

<asp:Label ID="lblCity" runat="server" CssClass="labelStyle" Text="City:" />

</td>

<td>

<asp:TextBox ID="txtCity" runat="server" CssClass="textBoxStyle" Text='<%# Bind("City") %>' MaxLength="30" TabIndex="6" />

</td>

<td></td>

</tr>

<tr>

<td>

<asp:Label ID="lblPostcode" runat="server" CssClass="labelStyle" Text="Postcode:" />

</td>

<td>

<asp:TextBox ID="txtPostcode" runat="server" CssClass="textBoxStyle" Text='<%# Bind("Postcode") %>' MaxLength="10" TabIndex="7" />

</td>

<td></td>

</tr>

<tr>

<td>

<asp:Label ID="lblCountryCode" runat="server" CssClass="labelStyle" Text="Country Code:" />

</td>

<td>

<asp:TextBox ID="txtCountryCode" runat="server" CssClass="textBoxStyle" Text='<%# Bind("CountryCode") %>' MaxLength="5" TabIndex="8" />

</td>

<td></td>

</tr>

</table>

<table class="tableStyle">

<tr>

<td>

<telerik:RadButton ID="btnSave" runat="server" Text="Save"

CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' />

</td>

<td>

<telerik:RadButton ID="btnCancel" runat="server" Text="Cancel" CausesValidation="false" CommandName="Cancel" />

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

What am I doing wrong?

Thanks in advance,

Matt

Grid

answered on 05 Jan 2015

1 answer

137 views

Format Telephone in Column from nvarchar db

I have a database nvarchar field which stores the phone number. I would like to add a column in the grid to display the formatted phone number and add a hyperlink. Some of the cellphone fields can be null, so I am trying to check for that before converting to Int64.

The error I am getting is The best overloaded method match for 'string.IsNullOrWhiteSpace(string)' has some invalid arguments. If I set the ItemTemplate to just Eval("CellPhone") the grid properly displays the cellphone numbers as an unformatted string.

What is the best approach here? Once I get the basic ItemTemplate working, I was going to try to add a hyperlink so users can click on the phone number and invoke the dialing app. ie. tel://2055551234

<telerik:GridTemplateColumn DataField="CellPhone" FilterControlAltText="Filter CellPhoneNumber column" HeaderText="Cell Phone" UniqueName="CellPhoneNumber">

<ItemTemplate>

<%#  !string.IsNullOrWhiteSpace(Eval("CellPhone")) ? string.Format("{0:(###)###-####}", Convert.ToInt64(Eval("CellPhone"))) : "" %>

</ItemTemplate>

</telerik:GridTemplateColumn>

Grid

answered on 05 Jan 2015

1 answer

119 views

SharePoint 2013 Radeditor with track changes

Hello,

Im building some proof of concepts on SharePoint 2013, the user wants to be able to create WIKI pages, and have an enhanced "Track Changes" functionality. SharePoint already has basic versioning and tracking of changes - but not as good as something like WORD.

My questions are - with my downloaded trial version of RADEDITOR (and the AJAX tools, and the SharePoint Webparts), i can set up the editor to work on my WIKI page - but even after changing the TOOLSFILE.XML file to put in the track Changes functionality - I get the dreaded message "Enable Track Changes Override not implemented"

Am I able to get this working on the RadEditor for SharePoint 2013?
Am I able to get this working on the TRIAL that I downloaded?
If I do get this working - how does it fit in with SharePoint versioning? Will each version of a page I open retain its own "tracked Changes?"

Many Thanks

Matt

Editor

answered on 05 Jan 2015

7 answers

212 views

JSON doesn't seem to be working...

Below is the markup of my page. I've tried to keep it as simple as possible. The map has 3 layers: The first is the actual map itself from opencyclemap.org which displays as it should. Another layer displays markers from a dataset created in javascript (copied from one of the demos). That also displays as expected. The last one connects to the MarkersData.json file (from the demo) through a RadClientDataSource. That does not display at all. The file exists in the same directory as the page. Any idea what I'm doing wrong?

<%@ Page Language="VB" AutoEventWireup="true" CodeBehind="Default.aspx.vb" Inherits="Testmap._Default" %>

<!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">

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

<script type="text/javascript">
var markerData = [{
"location": [51.506421, -0.127215],
"city": "London"
}, {
"location": [51.762152, -1.258430],
"city": "Oxford"
}];

function OnInitialize(sender, args) {
var originalOptions = args.get_options();

originalOptions.layers[1].dataSource = { data: markerData };

args.set_options(originalOptions);
}
</script>

<telerik:RadClientDataSource runat="server" ID="RadClientDataSource1">
<DataSource>
<WebServiceDataSourceSettings ServiceType="GeoJSON">
<Select Url="MarkersData.json" DataType="JSON" />
</WebServiceDataSourceSettings>
</DataSource>
</telerik:RadClientDataSource>

<telerik:RadMap runat="server" ID="RadMap1" Zoom="5" Width="500" Height="500">
<ClientEvents OnInitialize="OnInitialize"/>
<CenterSettings Latitude="51.506421" Longitude="-0.127215" />
<LayersCollection>

<telerik:MapLayer Type="Tile" Subdomains="a,b,c"
UrlTemplate="http://#= subdomain #.tile2.opencyclemap.org/transport/#= zoom #/#= x #/#= y #.png"
Attribution="© <a href='http://osm.org/copyright' title='OpenStreetMap contributors' target='_blank'>OpenStreetMap contributors</a>.">
</telerik:MapLayer>

<telerik:MapLayer type="Marker" Shape="pinTarget">
<TooltipSettings AutoHide="false" Template="#= marker.dataItem.city # <br/> #= location.lat #, #= location.lng #"></TooltipSettings>
</telerik:MapLayer>

<telerik:MapLayer Type="Marker" Shape="pinTarget" ClientDataSourceID="RadClientDataSource1" >
</telerik:MapLayer>

</LayersCollection>
</telerik:RadMap>
</form>
</body>
</html>

Map

answered on 05 Jan 2015

3 answers

267 views

Hide "Add task" button

Is there any way of hiding this button?

I tried to hack my way around by adding a css override but it seems client-side binding brings it back out.

Gantt

answered on 05 Jan 2015

1 answer

220 views

Refresh/Rebind RadTreeList on RadWindow close

I have a RadTreeList on a page and on the same page I open a Radwindow.
When the user has completed the task in the RadWindow, on button_click the DB is updated and the Radwindow is closed calling the funcion CloseWindow().

This is how I close the RadWindow from the inside the RadWindow:

<script type="text/javascript">

function GetRadWindow() {

var oWnd = null;

if (window.radWindow) oWnd = window.radWindow;

else if (window.frameElement.radWindow) oWnd = window.frameElement.radWindow;

return oWnd;

}

function CloseWindow() {

var oWnd = GetRadWindow();

oWnd.close();

}

</script>

After the RadWindow is closed I need to rebind/refresh the RadTreeList which is on the parent page of the RadWindow.
How can I achieve that without using Ajax?

Thanks for supporting
Felice

TreeList

answered on 05 Jan 2015

6 answers

1.1K+ views

BC30002: Type 'Telerik.Web.UI.RadChart' is not defined.

in vs 2010 I get the chart to show in design mode (telerik:RadChart)
but view the page in my local website I get the error 'Telerik.Web.UI.RadChart' is not defined.

in vs I do have a compile error showing it says "Type 'Telerik.Web.UI.RadChart' is not defined."

it seems to me perhaps I don't have a correct web.config setting or a correct dll in bin folder

Installer and VS Extensions

answered on 05 Jan 2015