Questions on UI for ASP.NET AJAX Forum

2 answers

69 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

105 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

198 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

210 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

163 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

869 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

223 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

121 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" />

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

</UpdateParameters>

</asp:SqlDataSource>

Gantt

asked on 04 Jun 2017

4 answers

254 views

ImageButton showing 'Submit Query'

I have an imagebutton column:

<telerik:GridButtonColumn CommandName="MyCommand" ButtonType="ImageButton" UniqueName="ViewNote">

</telerik:GridButtonColumn>

The image is not displaying, but 'Submit Query'.

I read somewhere this was because the URL was wrong, however my URL to the image is the same as the URL's to all the images on that page.

Any ideas?

If (TypeOf e.Item Is GridDataItem) Then

Dim dataItem As GridDataItem = CType(e.Item, GridDataItem)

If (dataItem("FileStatus").Text = "Requested") Then

dataItem.ForeColor = Drawing.Color.Crimson

dataItem.Font.Bold = True

CType(dataItem("ViewNote").Controls(0), ImageButton).ImageUrl = "../images/time_icon.jpg"

Else

dataItem("ViewNote").Controls(0).Visible = False

End If

Grid

answered on 03 Jun 2017

1 answer

527 views

RadNumericTextBox.set_value() doesn´t change value at all (ClientSide)

Hello everybody,
I had two RadNumericTextBox TextInicio & TextFin (initial text and final text).
The rule here is:
The value in TextInicio can not be bigger than TextFin and viceversa.

So I created a function to check values entered by the user. If one of these values break this rule then it will be necesary to change its value to correct this situation.

The thing is that set_value() is not working; the value remains unset.

I also debugged it with Firefox Developer Tools.

NOTE: Min and Max values are set on server side at page´s Load method. But they usually goes from 1 to 2000.

Are there any others factors I have to take under consideration?
Any ideas about what could be the cause of this??

Am I doing something wrong? If you need something else please let me know.

Here is the code in my page.

01....

02.

03. <script type="text/javascript" id="telerikClientEvents1">

04.//<![CDATA[

05.

06. function checkValues(sender, args, isInitial) {

07. var txtIni = $find("<%=TextInicio.ClientID%>");

08. var ini = txtIni.get_value();

09.

10. var txtFin = $find("<%=TextFin.ClientID%>");