Questions on UI for ASP.NET AJAX Forum

3 answers

663 views

I need to provide character limit functionality in RadEditor and have been having a significant number of issues getting a comprehensive solution. I've read a number of items on the Forum that sometimes give conflicting and incomplete solutions.

Requirement:

Prevent typing of more than n Number of characters
Prevent of more than n Number of characters
Ability to strip formatting from pasted content
Multiple Editors on the same page or AJAX Modal Popup

The last article I was looking at was: http://www.telerik.com/forums/charector-limit-in-rad-editor#662718 which is pretty close in functionality to what I need, but when determining the length of the content on the clipboard the formatting from Word, or wherever you picked the text up from is included in that length.

If you could provide some code snippets or point me to an article that will correctly work I would appreciate it.

Rodney

Editor

answered on 05 Jun 2017

0 answers

146 views

how to distinguish between single and double click

on a blank part of time slot if you double click or single click, my function called is
function OnClientTimeSlotClick(sender, args)

<telerik:RadScheduler OnClientTimeSlotClick="OnClientTimeSlotClick" OnClientTimeSlotContextMenu="OnClientTimeSlotContextMenu" ...

is there a way inside the function to know if it was double clicked or single clicked? or a way to have it call different functions.

--------------
I am also looking for a way to not have the right click context menu open or perhaps how to handle the 3 actions that show up
function OnClientTimeSlotContextMenu(sender, args) {
return false;
} ^^ does not work

Scheduler

asked on 05 Jun 2017

2 answers

95 views

Sliding pane and sliding pane position

Hi,

When I was designing a Splitter, is there a way for me to design my sliding pane as shown in the picture?

Thanks

Splitter

answered on 05 Jun 2017

0 answers

123 views

Not displaying Radhtmlchart and RadDock

i am using for UI for ASP.NET AJAX(Telerik.Web.UI.dll-version 2017.2.503.45)
After deploying the project, raddock & radhtmlchart are not displayed but this is not happening in the development system,the problem is observed in the production system.

How to solve this problem.please help me.
Thank you

Chart (HTML5)

asked on 05 Jun 2017

1 answer

237 views

Upload not working on prod

Hello,

We developed a simple upload functionality which works correctly on test environment but not in prod.

The expected behavior is whenever clicked on "browse", the file being uploaded and written into the RadUploadTemp. Once clicked on "upload" button, the code behind is raised but UpladedFiles collection is empty.

Note that RadUploadTemp has been created automatically and even the zero bytes file name: RadUploadTestFile

The only apparent difference between test and prod seems to be that into prod's web.config this section is missed:

<configSections>

<sectionGroup name="system.web.extensions" type=

"System.Web.Configuration.SystemWebExtensionsSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

>

<sectionGroup name="scripting" type=

"System.Web.Configuration.ScriptingSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

>

<section name="scriptResourceHandler" type=

"System.Web.Configuration.ScriptingScriptResourceHandlerSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

requirePermission="false" allowDefinition="MachineToApplication" />

<sectionGroup name="webServices" type=

"System.Web.Configuration.ScriptingWebServicesSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

>

<section name="jsonSerialization" type=

"System.Web.Configuration.ScriptingJsonSerializationSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

requirePermission="false" allowDefinition="Everywhere" />

<section name="profileService" type=

"System.Web.Configuration.ScriptingProfileServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

requirePermission="false" allowDefinition="MachineToApplication" />

<section name="authenticationService" type=

"System.Web.Configuration.ScriptingAuthenticationServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

requirePermission="false" allowDefinition="MachineToApplication" />

<section name="roleService" type=

"System.Web.Configuration.ScriptingRoleServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

requirePermission="false" allowDefinition="MachineToApplication" />

</sectionGroup>

</configSections>

ASPX:

<%-- uploader --%>

<div id="divUploader" runat="server" class="divUploader" visible=' <%# DataBinder.Eval(((IDataItemContainer)Container).DataItem, "uploadervisible") %>'>

<span class="spText">Restituzione Documentazione</span>

<a runat="server" class="tooltip" href="javascript:void(0);"

visible='<%# DataBinder.Eval(((IDataItemContainer)Container).DataItem, "tooltipvisible") %>'

title='<%# DataBinder.Eval(((IDataItemContainer)Container).DataItem, "tooltiptext") %>'>

<asp:Image ImageUrl="~/images/icoTooltip.png" runat="server" />

</a>

<telerik:RadAsyncUpload RenderMode="Lightweight" runat="server" CssClass="async-attachment" ID="FileUpload"

HideFileInput="false" MaxFileInputsCount="1" MultipleFileSelection="Disabled" CommandName="Upload" CommandArgument='<%# DataBinder.Eval(((IDataItemContainer)Container).DataItem, "iPtAcq") %>'

AllowedFileExtensions=".pdf"  ControlObjectsVisibility="None">

<Localization Select="Sfoglia..." />

<Localization Remove="" />

</telerik:RadAsyncUpload>

<asp:Button ID="btnFileUpload" runat="server" CssClass="btnOrangeUpload" Text="Carica" CommandName="Upload" CommandArgument='<%# DataBinder.Eval(((IDataItemContainer)Container).DataItem, "iPtAcq") %>' />

<%--<asp:FileUpload ID="FileUpload" runat="server" class="file" />--%>

</div>

Can anyone give a clue how can I check in order to fix this?

Feel free to ask me more details if needed...

Regards.

AsyncUpload

answered on 05 Jun 2017

0 answers

236 views

Compression & Minify WebResource.axd

Hi, I use Telerik version 2016.1.113.40 and controls

RadScriptManager
RadStyleSheetManager
RadCompression

to have a fast page.

If I try to analyze the Page with Google PageSpeed Insights I get it:
- Enable compression for WebResource.axd
- Minify JavaScript for WebResource.axd

How can I improve these two points?

ScriptManager and StyleSheetManager

asked on 05 Jun 2017

1 answer

187 views

RadGrid.SelectedItems does not contain the correct rows

I have a Grid which has a GridClientSelectColumn in it and multirow selection enabled. Because I wanted to be able to be able to select rows by clicking anywhere on the row rather than just hitting the tiny checkbox I am using the JavaScript below for these events:

Then as part of the code behind for a button click I am doing a RadGrid1.SelectedItems to get all the highlighted/Selected rows. However if I select a few rows and then deselect some of them then RadGrid1.SelectedItems is returning the unselected rows still?

foreach (GridDataItem selectedRow in RadGrid1.SelectedItems)

{

Bookings.bookingRequest bookRow = new Bookings.bookingRequest();

bookRow.empID = txtEmpId.Text;

bookRow.keepCurrent = radioKeepBookings.SelectedValue;

bookRow.woNo = int.Parse(selectedRow.GetDataKeyValue("woNo").ToString());

bookRow.seqNo = selectedRow.GetDataKeyValue("seqNo").ToString();

bookings.Add(bookRow);

}

var originalClickedRowState = null;

var clickedRow = null;

function rgGrid_OnRowClick(sender, args) {

clickedRow = args.get_gridDataItem();

originalClickedRowState = args.get_gridDataItem().get_selected();

}

function rgGrid_OnRowDeselecting(sender, args) {

if (clickedRow != null && clickedRow != args.get_gridDataItem()) {

args.set_cancel(true);

}

function rgGrid_OnRowSelecting(sender, args) {

if (clickedRow == args.get_gridDataItem() && originalClickedRowState) {

args.set_cancel(true);

originalClickedRowState = null;

clickedRow = null;

}

function rgGrid_OnRowSelected(sender, args) {

originalClickedRowState = null;

clickedRow = null;

}

<ClientEvents<br> OnRowClick="rgGrid_OnRowClick"<br> OnRowSelecting="rgGrid_OnRowSelecting"<br

>                                        OnRowDeselecting="rgGrid_OnRowDeselecting"<

br> OnRowSelected="rgGrid_OnRowSelected" />

Grid

answered on 05 Jun 2017

2 answers

903 views

get datakey value radlistview

Hi All,

How to get the data key value of a rad list view control in item command.

Regards,

Prassin

ListView

answered on 05 Jun 2017

3 answers

274 views

Htmlchart not displaying after dll upgrade

I was having an issue with databound charts not displaying after upgrading the Telerik.Web.UI.dll from 2014.2.724.40 to 2015.2.623.40, so I decided to try just working with static html instead. I borrowed some demo code and placed it in the same webpage in 2 different .NET projects:

<telerik:RadHtmlChart runat="server" ID="PieChartXX" Width="700" Height="500" Transitions="true" Skin="Silk">
<ChartTitle Text="Browser Usage for April 2012">
<Appearance Align="Center" Position="Top"></Appearance>
</ChartTitle>
<Legend>
<Appearance Position="Right" Visible="true"></Appearance>
</Legend>
<PlotArea>
<Series>
<telerik:PieSeries StartAngle="90">
<LabelsAppearance Position="OutsideEnd" DataFormatString="{0} %"></LabelsAppearance>
<TooltipsAppearance Color="White" DataFormatString="{0} %"></TooltipsAppearance>
<SeriesItems>
<telerik:PieSeriesItem BackgroundColor="#ff9900" Exploded="true" Name="Internet Explorer" Y="18.3"></telerik:PieSeriesItem>
<telerik:PieSeriesItem BackgroundColor="#cccccc" Exploded="false" Name="Firefox" Y="35.8"></telerik:PieSeriesItem>
<telerik:PieSeriesItem BackgroundColor="#999999" Exploded="false" Name="Chrome" Y="38.3"></telerik:PieSeriesItem>
<telerik:PieSeriesItem BackgroundColor="#666666" Exploded="false" Name="Safari" Y="4.5"></telerik:PieSeriesItem>
<telerik:PieSeriesItem BackgroundColor="#333333" Exploded="false" Name="Opera" Y="2.3"></telerik:PieSeriesItem>
</SeriesItems>
</telerik:PieSeries>
</Series>
</PlotArea>
</telerik:RadHtmlChart>

When I run the solution using the earlier version (2014.2) of the dll, I get what is shown in attached file RadHtmlChart-2014.2.724.40.jpg. When I run using the upgraded version (2015.2), I get what is shown in RadHtmlChart-2015.2.623.40.jpg. Can someone point me to where my problem(s) might be? TIA

Chart (HTML5)

answered on 04 Jun 2017

0 answers

158 views

Gantt bind to RadGrid

I have a  Gantt which is bind to Radgrid. RadGrid has some employee list which will have separate task in Gantt. But this code is not working, where I am being wrong.

<telerik:RadGrid ID="RadGrid1" runat="server" CellSpacing="-1" DataSourceID="EmployeeSource" GridLines="Both" GroupPanelPosition="Top" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" ShowGroupPanel="True" EnableHeaderContextAggregatesMenu="True" EnableHeaderContextFilterMenu="True" EnableHeaderContextMenu="True" PageSize="5">

<GroupingSettings CollapseAllTooltip="Collapse all groups"></GroupingSettings>

<ClientSettings AllowColumnsReorder="True" AllowDragToGroup="True" ReorderColumnsOnClient="True" EnablePostBackOnRowClick="True">

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView DataKeyNames="EmpID" DataSourceID="EmployeeSource" AutoGenerateColumns="False" CommandItemDisplay="Top" EnableHeaderContextAggregatesMenu="True">

<CommandItemSettings ShowAddNewRecordButton="False" ShowExportToCsvButton="True" ShowExportToExcelButton="True" ShowExportToPdfButton="True" ShowExportToWordButton="True" />

<Columns>

<telerik:GridBoundColumn DataField="RegistrationID" HeaderText="RegistrationID" SortExpression="RegistrationID" UniqueName="RegistrationID" HeaderStyle-Width="150px" FilterControlWidth="110px" DataType="System.Int64" FilterControlAltText="Filter RegistrationID column"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EmpID" HeaderStyle-Width="150px" FilterControlWidth="110px" DataType="System.Int64" FilterControlAltText="Filter EmpID column" HeaderText="EmpID" ReadOnly="True" SortExpression="EmpID" UniqueName="EmpID" Display="True"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FirstName" HeaderText="FirstName" SortExpression="FirstName" UniqueName="FirstName" FilterControlAltText="Filter FirstName column"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LastName" HeaderText="LastName" SortExpression="LastName" UniqueName="LastName" FilterControlAltText="Filter LastName column"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Gender" HeaderText="Gender" SortExpression="Gender" UniqueName="Gender" FilterControlAltText="Filter Gender column"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DateOfBirth" HeaderText="DateOfBirth" SortExpression="DateOfBirth" UniqueName="DateOfBirth" DataType="System.DateTime" FilterControlAltText="Filter DateOfBirth column"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Mobile" HeaderText="Mobile" SortExpression="Mobile" UniqueName="Mobile" HeaderStyle-Width="150px" FilterControlWidth="110px" DataType="System.Int64" FilterControlAltText="Filter Mobile column"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource runat="server" ID="EmployeeSource" SelectCommand=

"SELECT [EmpID], [RegistrationID], [FirstName], [LastName], [Gender], [DateOfBirth], [Mobile], [Email] FROM [Employee] WHERE ([Status] = 'Employee')"

></asp:SqlDataSource>

<telerik:RadGantt runat="server" ID="RadGantt1" DataSourceID="TasksDataSource" Height="600px" ListWidth="350px" DependenciesDataSourceID="DependenciesDataSource" SelectedView="WeekView" AutoGenerateColumns="false">

<Columns>

<telerik:GanttBoundColumn DataField="Title" DataType="String" Width="120px"></telerik:GanttBoundColumn>

<telerik:GanttBoundColumn DataField="StartDate" DataType="DateTime" DataFormatString="dd/MM/yy" Width="40px"></telerik:GanttBoundColumn>

<telerik:GanttBoundColumn DataField="EndDate" DataType="DateTime" DataFormatString="dd/MM/yy" Width="40px"></telerik:GanttBoundColumn>

</Columns>

<DataBindings>

<TasksDataBindings IdField="TaskID" ParentIdField="ParentID" StartField="StartDate" EndField="EndDate" OrderIdField="EmpID" SummaryField="Summary" TitleField="Title" PercentCompleteField="PercentComplete" />

<DependenciesDataBindings TypeField="Type" IdField="TaskDependenciesID" PredecessorIdField="PredecessorID" SuccessorIdField="SuccessorID" />

</DataBindings>

</telerik:RadGantt>

<asp:SqlDataSource ID="TasksDataSource" runat="server"

ConnectionString="<%$ ConnectionStrings:SMSConnectionString %>" DeleteCommand="DELETE FROM [Task_Employee] WHERE [TaskID] = @TaskID" InsertCommand="INSERT INTO [Task_Employee] ([ParentID], [EmpID], [Title], [StartDate], [EndDate], [PercentComplete], [Expanded], [Summary]) VALUES (@ParentID, @EmpID, @Title, @StartDate, @EndDate, @PercentComplete, @Expanded, @Summary)" SelectCommand="SELECT [TaskID], [ParentID], [EmpID], [Title], [StartDate], [EndDate], [PercentComplete], [Expanded], [Summary] FROM [Task_Employee] " UpdateCommand="UPDATE [Task_Employee] SET [ParentID] = @ParentID, [EmpID] = @EmpID, [Title] = @Title, [StartDate] = @StartDate, [EndDate] = @EndDate, [PercentComplete] = @PercentComplete, [Expanded] = @Expanded, [Summary] = @Summary WHERE [TaskID] = @TaskID">

<DeleteParameters>

<asp:Parameter Name="TaskID" Type="Int32" />

</DeleteParameters>

<InsertParameters>

<asp:Parameter Name="ParentID" Type="Int32" />

<asp:Parameter Name="EmpID" Type="Int32" />

<asp:Parameter Name="Title" Type="String" />

<asp:Parameter Name="StartDate" Type="DateTime" />

<asp:Parameter Name="EndDate" Type="DateTime" />

<asp:Parameter Name="PercentComplete" Type="Decimal" />

<asp:Parameter Name="Expanded" Type="Boolean" />

<asp:Parameter Name="Summary" Type="Boolean" />

</InsertParameters>

<SelectParameters>

<asp:ControlParameter ControlID="RadGrid1" PropertyName="SelectedValue" Name="EmpID" Type="Int32"></asp:ControlParameter>

</SelectParameters>

<UpdateParameters>

<asp:Parameter Name="ParentID" Type="Int32" />

<asp:Parameter Name="EmpID" Type="Int32" />

<asp:Parameter Name="Title" Type="String" />

<asp:Parameter Name="StartDate" Type="DateTime" />

<asp:Parameter Name="EndDate" Type="DateTime" />

<asp:Parameter Name="PercentComplete" Type="Decimal" />

<asp:Parameter Name="Expanded" Type="Boolean" />

<asp:Parameter Name="Summary" Type="Boolean" />

<asp:Parameter Name="TaskID" Type="Int32"></asp:Parameter>

</UpdateParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="DependenciesDataSource" runat="server"

ConnectionString="<%$ ConnectionStrings:SMSConnectionString %>" DeleteCommand="DELETE FROM [Task_EmployeeDependencie] WHERE [TaskDependenciesID] = @TaskDependenciesID" InsertCommand="INSERT INTO [Task_EmployeeDependencie] ([PredecessorID], [SuccessorID], [Type]) VALUES (@PredecessorID, @SuccessorID, @Type)" SelectCommand="SELECT [TaskDependenciesID], [PredecessorID], [SuccessorID], [Type] FROM [Task_EmployeeDependencie]" UpdateCommand="UPDATE [Task_EmployeeDependencie] SET [PredecessorID] = @PredecessorID, [SuccessorID] = @SuccessorID, [Type] = @Type WHERE [TaskDependenciesID] = @TaskDependenciesID">

<DeleteParameters>

<asp:Parameter Name="TaskDependenciesID" Type="Int32" />

</DeleteParameters>

<InsertParameters>

<asp:Parameter Name="PredecessorID" Type="Int32" />

<asp:Parameter Name="SuccessorID" Type="Int32" />

<asp:Parameter Name="Type" Type="Int32" />

</InsertParameters>

<UpdateParameters>

<asp:Parameter Name="PredecessorID" Type="Int32" />

<asp:Parameter Name="SuccessorID" Type="Int32" />

<asp:Parameter Name="Type" Type="Int32" />