Questions on UI for ASP.NET AJAX Forum

4 answers

176 views

RequiredFieldValidator for RadCalendar

Hello,

Is it posible to validate if there is any selected date in a RadCalendar?

Calendar

answered on 28 Oct 2014

1 answer

72 views

Virtual Scrolling/Paging spinner not showing in IE

Hello Folks,

I've modeled my grid after the sample code provided under the section "Fetching additional records when the scroll bar reaches its endpoint" on this documentation page http://www.telerik.com/help/aspnet-ajax/grid-virtual-scroll-paging.html

Everything works well and as expected with the exception of this problem. In IE (any version), when I scroll to the bottom, the spinner image doesn't show. This is confusing to the user as there's no indication that the grid is fetching more records. Eventually, the records are loaded but it's hard to notice it happening.

The only difference between my code and the sample code is that I'm firing the AJAX request to load more records by triggering the click event on a hidden button. Here's my function to handle scrolling:

function HandleScrolling(sender, eventArgs) {

if (eventArgs.get_isOnBottom()) {

var grid = $find("<%=rgUserList.ClientID %>");

var hiddenGroupTotalUserCount = document.getElementById('<%=hiddenGroupTotalUserCount.ClientID %>');

var allRecordsCount = parseInt(hiddenGroupTotalUserCount.value);

var currentlyDisplayedRecordsCount = grid.get_masterTableView().get_pageSize();

if (currentlyDisplayedRecordsCount < allRecordsCount) {

//if the visible items are less than the entire record count trigger a click event for the load more users button

var button = document.getElementById('<%=buttonHiddenLoadMoreUsers.ClientID %>');

if (button) {

button.click();

}

} else {

//Otherwise, hide the "scroll for more" label

scrollForMoreLabel = document.getElementById("<%=scrollForMoreLabel.ClientID%>");

if (scrollForMoreLabel != undefined) {

scrollForMoreLabel.style.visibility = "hidden";

}

The hidden button calls a server side function. Here's the button markup:

<input runat="server" ID="buttonHiddenLoadMoreUsers" OnClick="ButtonHiddenLoadMoreUsers_Click" Style="width: 0; height: 0; display: none;" />

I've included an AjaxSetting for the hidden button in my RadAjaxManagerProxy here:

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="buttonHiddenLoadMoreUsers">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgUserList" LoadingPanelID="loadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

The odd thing is, if I grab the scroll bar and move it to the bottom of the grid, the spinner shows and everything is fine. It only happens if I scroll to the bottom of the list. I put a break point in the HandleScrolling JS function (inside the "isOnBottom" check) and it seems to be getting called twice in IE when I scroll. The first time doesn't seem to fire the AJAX call, even though it hits the hidden button click function call. The second time does trigger it though. I'm not sure if this behavior has something to do with this problem.

I was wondering if you've seen this behavior before or can reproduce it. I appreciate your help.

Thanks,

Mohammed

Grid

answered on 28 Oct 2014

1 answer

67 views

Stability - New feature release versus SP

Are the SP releases more stable than the new feature releases?

For example, the pattern I see with Telerik AJAX is a new feature release (i.e. Q2), followed a month or 2 later with a SP (service pack) release (i.e. Q2 SP1). When I look at the patch notes, I notice that the SP are almost all bug fixes, whereas the new feature releases are about an event mix of new features and bug fixes. Am I correct to assume the SP releases are about fixing bugs - therefore more stable / less headaches for developers? Or are SP releases just as stable as new feature releases?

General Discussions

answered on 28 Oct 2014

1 answer

189 views

Disable Filters: ConvertFontToSpan,ConvertToXhtml and FixUlBoldItalic not working as expected in V2014.2.724.40

I am working on upgrading some sites from V2013.1.714.40 to V2014.2.724.40 and I am having an issue with the filters: ConvertFontToSpan,ConvertToXhtml and FixUlBoldItalic

I am calling DisableFilter on page load, but the filters don't appear to be working the same as before.

When I read the RadEditor.Content on server or preview in the HTML window I am getting the following results:

Results in V2013.1.714.40 (Expected Result)
This will appear below your profile photo <u>on page 4 of</u> your newsletter. Please include attorne<i>y name(s</i>) and/or the <b>firm n</b>ame, an address, ph<font color="#00b050">one number, e</font>mail address, and your firm website. A maximum of 12 lines are available<br>

Note: The Bolds are <b></b>, the Italic is <i></i>, Underline is <u></u> and the Font is <Font ></font>

Results in V2014.2.724.40 and V2014.1.403.40
This will appear below your profile photo <span style="text-decoration: underline;">on page 4 of</span> your newsletter. Please include attorne<em>y name(s</em>) and/or the <strong>firm n</strong>ame, an address, ph<span style="color: rgb(146, 208, 80);">one number, e</span>mail address, and your firm website. A maximum of 12 lines are available<br>

Note: The Bolds are now <strong></strong>, the Italic is now <span style="text-decoration: underline;"></span>, Underline is now <em></em> and the Font is now <Font <span style="color: "></span>

Did something change in the way the filters are used?

<telerik:RadEditor ID="RadEditor1" runat="server" Width="300px" StripFormattingOnPaste="MSWord, MSWordNoFonts, MSWordRemoveAll, Css, Font, Span"
                                    StripFormattingOptions="MSWord, MSWordNoFonts, MSWordRemoveAll, Css, Font, Span"
           Skin="Default">

                                     <Tools>
                                      <telerik:EditorToolGroup>
                                        <telerik:EditorTool Name="Save" Text="Save" />
                                        <telerik:EditorTool Name="Cancel" Text="Cancel" />

                                        <telerik:EditorSeparator />
                                        <telerik:EditorTool Name="Cut" />
                                        <telerik:EditorTool Name="Copy" />
                                        <telerik:EditorTool Name="Paste" />
                                        <telerik:EditorSeparator />
                                        <telerik:EditorTool Name="Undo" />
                                        <telerik:EditorTool Name="Redo" />
                                        <telerik:EditorSeparator />
                                        <telerik:EditorTool Name="InsertSymbol" />
                                      </telerik:EditorToolGroup>
                                      <telerik:EditorToolGroup>
                                        <telerik:EditorTool Name="Bold" />
                                        <telerik:EditorTool Name="Italic" />
                                        <telerik:EditorTool Name="Underline" />
                                        <telerik:EditorTool Name="Subscript" />
                                        <telerik:EditorTool Name="Superscript" />
                                                                                <telerik:EditorTool Name="ForeColor" />
                                        <telerik:EditorSeparator />
                                        <telerik:EditorTool Name="JustifyLeft" />
                                        <telerik:EditorTool Name="JustifyRight" />
                                        <telerik:EditorTool Name="JustifyCenter" />
                                        <telerik:EditorTool Name="JustifyFull" />
                                        <telerik:EditorTool Name="JustifyNone" />
                                      </telerik:EditorToolGroup>
                                      <telerik:EditorToolGroup>
                                        <telerik:EditorTool Name="InsertOrderedList" />
                                        <telerik:EditorTool Name="InsertUnorderedList" />

                                        <telerik:EditorSeparator />
                                        <telerik:EditorTool Name="InsertParagraph" />
                                        <telerik:EditorSeparator />



                                        <telerik:EditorTool Name="AjaxSpellCheck" Text="Spell Check" />
                                      </telerik:EditorToolGroup>
                                    </Tools>
                                    <Content>

</Content></telerik:RadEditor>

   protected void Page_Load(object sender, EventArgs e)
    {
        RadEditor1.DisableFilter(EditorFilters.ConvertFontToSpan);
        RadEditor1.DisableFilter(EditorFilters.ConvertToXhtml);
        RadEditor1.DisableFilter(EditorFilters.FixUlBoldItalic);
        RadEditor1.DisableFilter(EditorFilters.MozEmStrong);

    }

Editor

answered on 28 Oct 2014

1 answer

154 views

Populating GridClientSelectColumn based upon databound value

I have a grid that is displaying a couple of values from an object data source along with an unbound GridClientSelectColumn:

<Columns>
   <telerik:GridBoundColumn ColumnGroupName="gridData"
                                              DataField="LocationID"
                                              ReadOnly="true"
                                              UniqueName="LocationID">
   </telerik:GridBoundColumn>

   <telerik:GridBoundColumn ColumnGroupName="gridData"
                                              DataField="LocationDesc"
                                              ReadOnly="true"
                                              UniqueName="LocationDesc">
   </telerik:GridBoundColumn>

   <telerik:GridBoundColumn ColumnGroupName="gridData"
                                               DataField="DefaultValue"
                                               Display="false"
                                               UniqueName="DefaultValue">
   </telerik:GridBoundColumn>

   <telerik:GridClientSelectColumn ColumnGroupName="gridData"
                                                        UniqueName="Select">
   </telerik:GridClientSelectColumn>

</Columns>

The LocationID, LocationDesc, and DefaultValues are coming from the datasource and are bound. What I'd like to do is set that GridClientSelectColumn to selected if the DefaultValue (which is a Boolean) from the datasource is true.

I've tried several different approaches but have not found one that works yet. Can anyone enlighten me?

Grid

answered on 28 Oct 2014

3 answers

96 views

Multiple image editors and open dialog OnClientLoad

Hi There,

I have multiple image editors loaded on a page. All have a OnClientLoad function which does a executeCommand('crop').
The dialogs are opened, but only the last image editor is showing the crop dialog. The other dialogs seem to be hanging and can't be opened/closed anymore.

Many thanks in advance for your support!

ImageEditor

answered on 28 Oct 2014

1 answer

55 views

Grouping bug in build 1002

Hi,

I found an other problem in the grid. If you have two columns bound to the same datafield grouping will fail with the following error:
An item with the same key has already been added

Example:

<telerik:RadGrid ClientSettings-AllowDragToGroup="true" ShowGroupPanel="true" ShowFooter="true" runat="server" ID="rg" AutoGenerateColumns="False" GroupPanelPosition="Top">

<MasterTableView>

<Columns>

<telerik:GridBoundColumn HeaderText="id" DataField="id"></telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="value 1" DataField="Value" UniqueName="Value1"></telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="value 2" DataField="Value" UniqueName="Value2"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Code behind:

Protected Sub rg_NeedDataSource(sender As Object, e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles rg.NeedDataSource

If e.IsFromDetailTable = False Then

Dim dt As New DataTable()

dt.Columns.Add("id", GetType(Integer))

dt.Columns.Add("text", GetType(String))

dt.Columns.Add("value", GetType(Double))

Dim r As DataRow

r = dt.NewRow()

r("id") = "1"

r("text") = "nr. 1"

r("value") = 1.5

dt.Rows.Add(r)

r = dt.NewRow()

r("id") = "2"

r("text") = "nr. 2"

r("value") = 2.5

dt.Rows.Add(r)

rg.DataSource = dt

End If

End Sub

Grid

answered on 28 Oct 2014

1 answer

81 views

RadComboBox in Radgrid template column giving issues when changing index

I have a Radgrid with a RadComboBox in a templateColumn. My other columns are AutoGenerated. By default the template column comes as the first column in the grid. If I leave it like that, it will work just fine. But whenever I change the index of it (and it actually moves), the RadComboBox in the first 9 rows stops working. From row 10 until the last it works again. I also tried with Autogenerate= false. Same issue.The code is use to change the index is in the aspx.cs file, gets called on PreRender Event and looks like this:

GridColumn c = RadGrid1.MasterTableView.GetColumnSafe("Temp");
if (c != null)
{
int total = RadGrid1.MasterTableView.RenderColumns.Count() - 2;
for (int i = total; i >= 2; i--)
{
RadGrid1.MasterTableView.RenderColumns[i + 1].OrderIndex = i - 1;
}
c.OrderIndex = total + 1;
}
RadGrid1.MasterTableView.Rebind();

Grid

answered on 28 Oct 2014

5 answers

441 views

Drawing Lines Between Points on Map

Hi

i am probably missing something but in the demos etc i cant seem to find a way to draw a line between 2 points , i can put the points on the map fine, but i cant seem to find a way to draw a line between them on the map.

any help/instruction would be great thanks.

Peter.

Map

answered on 28 Oct 2014

3 answers

190 views

ClientDatasource Not Working

Hi

i have a Radmap and i am attempting to follow the example on
http://demos.telerik.com/aspnet-ajax/map/examples/functionality/cross-layer-integration/defaultcs.aspx

to get some lines on the map , but despite the Json file existing it just doesnt seem to work whenever the map loads up it doesnt display any points.

The Page Code is

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="LNGRails.aspx.cs" Inherits="Eclipse_Internal_Portal_2.LNG.LNGRails" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<div class="tup_background">

<div class="tup_headings" style="width: 100%;">

<asp:Label ID="Label1" runat="server" Text="LNG Rails"></asp:Label>

<telerik:RadClientDataSource runat="server" ID="RadClientDataSource1">

<DataSource>

<WebServiceDataSourceSettings ServiceType="GeoJSON">

<Select Url="Rails/Rails.Json" DataType="JSON" ContentType="application/json" />

</WebServiceDataSourceSettings>

</DataSource>

</telerik:RadClientDataSource>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" EnableAJAX="true">

<div>

<telerik:RadMap ID="RadMap1" runat="server" Skin="Vista" AppendDataBoundLayers="true" AppendDataBoundMarkers="true">

<LayersCollection>

<telerik:MapLayer Type="Shape" ClientDataSourceID="RadClientDataSource1" Opacity="0.7">

<StyleSettings>

<StrokeSettings Color="Black" Width="200" />

</StyleSettings>

</telerik:MapLayer>

<telerik:MapLayer Type="Tile" Subdomains="a,b,c"

UrlTemplate="http://#= subdomain #.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png"

Attribution="© <a href='http://osm.org/copyright' title='OpenStreetMap contributors' target='_blank'>OpenStreetMap contributors</a>.">

</telerik:MapLayer>

</LayersCollection>

</telerik:RadMap>

</div>

<div>

<telerik:RadButton ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click"></telerik:RadButton>

<telerik:RadButton ID="btnIgnore" runat="server" Text="Ignore" OnClick="btnIgnore_Click"></telerik:RadButton>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" AllowSorting="True" Skin="Glow" OnSelectedIndexChanged="RadGrid1_SelectedIndexChanged" OnNeedDataSource="RadGrid1_NeedDataSource">

<ClientSettings Selecting-AllowRowSelect="true" EnablePostBackOnRowClick="true">

</ClientSettings>

</telerik:RadGrid>

</div>

</telerik:RadAjaxPanel>

</div>

</asp:Content>

and the Json file is

{"type":"LineString","coordinates"

:[[55.9178333333333,26.2851666666667],[56.0778333333333,26.3465],[56.6416666666667,25.3191666666667],[56.6125,25.2808333333333],[56.53,25.2685],[56.5256666666667,25.2695],[56.5258333333333,25.2705],[56.526,25.2708333333333],[56.5261666666667,25.2705],[56.526,25.2705],[56.526,25.2703333333333],[56.526,25.2703333333333],[56.526,25.2698333333333],[56.526,25.2693333333333],[56.5263333333,25.2688333333],[56.5261666666667,25.2688333333333],[56.5268333333333,25.2681666666667],[56.5271666667,25.268],[56.5266666666667,25.2685],[56.5268333333333,25.2683333333333],[56.5265,25.2686666666667],[56.5263333333333,25.269],[56.5263333333333,25.269],[56.5266666667,25.2685],[56.5268333333333,25.2683333333333],[56.5276666666667,25.2678333333333],[56.5278333333,25.2678333333],[56.5278333333333,25.268],[56.528,25.2678333333333],[56.531,25.268],[56.53,25.2673333333333],[56.5506666667,25.278],[56.64,25.231],[56.916,25.0915],[63.798,20.0096666666667],[66.3725,17.7773333333333],[69.2525,15.2438333333333],[69.6238333333333,14.9146666666667],[72.1481666666667,12.6655],[74.9048333333333,9.81816666666667],[76.7155,7.5155],[77.5243333333333,7.11866666666667],[79.5831666666667,5.77616666666667],[80.418,5.5015],[83.7298333333333,5.50933333333333],[84.214,5.50166666666667],[87.5165,5.5015],[87.5451666666667,5.50216666666667],[90.4086666666667,5.49616666666667],[94.4676666666667,6.08816666666667],[100.270833333333,3.432],[100.9965,2.80233333333333],[101.222,2.671],[101.415833333333,2.579],[101.6685,2.3805],[101.877166666667,2.212],[102.0215,2.06516666666667],[104.286833333333,1.2715],[134.594666666667,31.9163333333333],[139.047833333333,34.4635],[139.267,34.5651666666667],[139.425166666667,34.5986666666667],[139.681666666667,34.6461666666667],[139.695513333,34.9835916667],[139.77999,35.1670433333333],[139.74876,35.3525866666667],[139.817805,35.34591],[139.820528333333,35.3427166666667],[139.81761,35.3463316666667]]}

i have confirmed the paths are correct etc , can anyone suggest why it doesnt work Note the script manager is in the master page .

Map

answered on 28 Oct 2014