Questions on UI for ASP.NET AJAX Forum

1 answer

146 views

Just add RequiredFieldValidator = $telerik jquery error

Hi from france !

I work on new project, but i've blocked on problem :

VS2019 / Vb.net/ Website Mode / Framework 4.5.2 / Telerik 2020.1.219.45

i've got a page inside masterpage.

a dropdownlist to select an element who open a radwindow, inside forms fields and a button to validate.

no problem before this :

just add an :

<asp:RequiredFieldValidator ID="RfvObsPackPC" runat="server" ControlToValidate="tbObsPackPC" ErrorMessage="*" ForeColor="Red" Display="Dynamic" ValidationGroup="Initialisation" />

and run my project and inside Chrome devTools this :

Uncaught ReferenceError: $telerik is not defined
at ScriptResource.axd?d=mbGZm65DzNC0tMTq0ElbcfgQg9QhhKE_A_eo6_zWKSae6yWkqNSe8JJA15xIuav2AV_Y2zgdPCRLCrC8diOGIZ_1yvmhllVOx2RnJnR1xgTm3UAQ8DL3vEoZghhTpIK5oZY8KfxseToiM-X2NywVKg2&t=ffffffffbc9408c6:8

This ressource is contains :

/*! jQuery v1.12.4 | (c) jQuery Foundation.............

// Move jQuery to $telerik
$telerik.$ = jQuery.noConflict(true); < here the error
$telerik.$.ajaxPrefilter(function(s){if(s.crossDomain){s.contents.script=false;}});

need help please, first time i've got this (first projet with this framework version and the last update telerik componant).

Window

answered on 27 Mar 2020

5 answers

352 views

RadGrid Filter Context menu not showing up

I rebind the grid, and turn on filtering and when the filter menu pops then buttons don't spawn their corresponding context menu. Have sample project to show behavior.

General Discussions

answered on 26 Mar 2020

13 answers

239 views

Scrollbar issue in Chrome with UseStaticHeaders and Frozen Columns

Hello, we are having an issue when using frozen columns with the RadGrid in Chrome. The scrollbar disappears on first load. However, if you resize the browser or click on a column header to sort, the scrollbar re-appears.

I've had the same issue with the demo at https://demos.telerik.com/aspnet-ajax/grid/examples/columns-rows/columns/frozen-columns/defaultcs.aspx. However, a few times the demo worked okay when I refreshed. When I paste the demo code in my project and connect to my datasource, it never works on first load. I think it may be a timing issue.

Thanks

Grid

answered on 26 Mar 2020

13 answers

259 views

Image manager - overwrite issue

Hi,

When you upload a new image (with same name as one that already exists) and select the "overwrite if file exists?", the new image is saved as expected (overwrites the old) but the preview pane shows the old image and also insert the old to the editor. However, when you open the image editor, it shows the new saved image (see attached screeshot). The preview pane is not updated even after navigating away from the editor page.

br,
eyal

Editor

answered on 26 Mar 2020

1 answer

154 views

Why is ImageEditor saving in png format when the source image was in jpg format?

I am noticing a strange thing with RadImageEditor (2015 Q3 version).

When the ImageUrl is set to something like '..../xyz.jpg' then image editor saves the image in jpg format.

But, when ImageUrl is set to something like '.../xyz.jpg?ts=435719433' then image editor saves the changes in png format and not jpg format.

I expected image editor to save it in same format as original image's format.

Why is this happening and is there a way to tell image editor to save it in the original file format?

ImageEditor

answered on 26 Mar 2020

8 answers

329 views

Getting issues for customization to RadGrid filters

Hello,

I am going to start telerik controls into my projects and so first of all creating sample apps to become familiar with the controls.

For Radgrid, my requirement is as follows for the filters:

1. If I have a "GridDateTimeColumn" into my grid and I don't want to use <FilterTemplate> for the "From" and "To" date pickers. And I wanted the Between operator always for DateFilters and I added a Reset Filter button also to reset that Date filter. So, to achieve that I did some changes intoItemCreated event. Everything is working like a charm. The issue comes when user is trying to enter the same dates into From and To date pickers nd press <Tab> key, its not filtering the grid. I tried to debug the code and I found that the the FilterExpression of grid getting built like this:

(([ShippingDate] >= '2/3/2020,12:00:00,AM') AND ([ShippingDate] <= '2/3/2020,12:00:00,AM'))

Time is included here. So, can you please help me out for this issue.

2. How can I validate the filter for the column where I want to display the currency or a number value. It is right now allowing me to enter any text I want. It should allow me to enter digits and decimal only.

For the assistance, I am attaching a sample project here which can describe what I am trying to achieve.

Thanks in advance. Please look into these issues and try to assist me ASAP.

Regards,

Vertis Software

ASPX Page code

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestFilters.aspx.cs" Inherits="RadGridFilters.TestFilters" %>
<%@ 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>
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
function ResetCurrentDateColumnFilter(dateFilterUniqueName, radgridClientID) {
var masterTableView = $find(radgridClientID).get_masterTableView();
masterTableView.filter(dateFilterUniqueName, "", Telerik.Web.UI.GridFilterFunction.NoFilter);
}
</script>
</telerik:RadCodeBlock>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager runat="server" ID="TestFilterScriptManager" />

<telerik:RadAjaxLoadingPanel runat="server" ID="TestFilterRadAjaxLoadingPanel" />
<telerik:RadAjaxManager ID="RadAjaxLoadingPanelRadAjaxManager" runat="server" DefaultLoadingPanelID="TestFilterRadAjaxLoadingPanel">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="TestFilterRadGrid">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="TestFilterRadGrid" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>

<table style="width: 900px; padding-left: 250px;">
<tr>
<td>
<telerik:RadGrid ID="TestFilterRadGrid" runat="server" Skin="Outlook" Width="600px"
GridLines="None" AllowSorting="true" AllowPaging="true" AllowFilteringByColumn="true" AutoGenerateColumns="false"
EnableLinqExpressions="false" OnNeedDataSource="TestFilterRadGrid_NeedDataSource" OnItemCreated="TestFilterRadGrid_ItemCreated">
<PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" />
<MasterTableView TableLayout="Fixed" CommandItemDisplay="None" Width="100%">
<Columns>
<telerik:GridBoundColumn UniqueName="ShippedToPerson" HeaderText="Shipped To" AutoPostBackOnFilter="true"
DataField="ShippedToPerson" DataType="System.String" HeaderStyle-Width="150px" CurrentFilterFunction="Contains" />
<telerik:GridDateTimeColumn UniqueName="ShippingDate" HeaderText="Shipping Date" AutoPostBackOnFilter="true"
DataField="ShippingDate" DataType="System.DateTime" HeaderStyle-Width="150px" CurrentFilterFunction="Between"
PickerType="DatePicker" EnableRangeFiltering="true" ShowFilterIcon="false" />
<telerik:GridBoundColumn UniqueName="Amount" HeaderText="Amount" AutoPostBackOnFilter="true"
DataField="Amount" DataType="System.Double" HeaderStyle-Width="150px" CurrentFilterFunction="EqualTo"
DataFormatString="{0:C}" />
</Columns>
<CommandItemSettings ShowExportToWordButton="false" ShowExportToExcelButton="true"
ShowExportToCsvButton="false" ShowExportToPdfButton="false" />
</MasterTableView>
<GroupingSettings CaseSensitive="false" />
</telerik:RadGrid>
</td>
</tr>
</table>
</form>
</body>
</html>

ASPX.CS Page code

public partial class TestFilters : Page
{
protected void TestFilterRadGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{
DataTable dataTable = new DataTable();
dataTable.Columns.Add(new DataColumn("ShippedToPerson", typeof(string)));
dataTable.Columns.Add(new DataColumn("ShippingDate", typeof(DateTime)));
dataTable.Columns.Add(new DataColumn("Amount", typeof(double)));

for (int index = 1; index <= 10; index++)
{
DataRow row = dataTable.NewRow();
row["ShippedToPerson"] = string.Format("Person {0}", index);
row["ShippingDate"] = DateTime.Now.AddDays(index);
row["Amount"] = 1.4 * index;

dataTable.Rows.Add(row);
}

TestFilterRadGrid.DataSource = dataTable;
}

protected void TestFilterRadGrid_ItemCreated(object sender, GridItemEventArgs e)
{
if (e.Item is GridFilteringItem)
{
GridFilteringItem filters = e.Item as GridFilteringItem;

if (filters == null)
return;

foreach (GridTableCell control in filters.Controls)
{
if (control.Column.DataType == typeof(DateTime))
{
string dateFilterUniqueName = control.Column.UniqueName;
LiteralControl fromLiteralControl = filters[dateFilterUniqueName].Controls[0] as LiteralControl;

if (fromLiteralControl != null)
fromLiteralControl.Text = string.Format("<span style='padding-right: 2px; vertical-align: top;'>{0}:</span>", "From");

LiteralControl toLiteralControl = filters[dateFilterUniqueName].Controls[3] as LiteralControl;

if (toLiteralControl != null)
toLiteralControl.Text = string.Format("<br /><span style='padding-right: 18px; vertical-align: top;'>{0}:</span>", "To");

ImageButton clearCurrentDateFilterButton = new ImageButton();
clearCurrentDateFilterButton.ID = dateFilterUniqueName;
clearCurrentDateFilterButton.ImageUrl = "clearFilter.png";
clearCurrentDateFilterButton.ToolTip = "Reset Filter";
clearCurrentDateFilterButton.Attributes.Add("style", "width: 19px; vertical-align: top; padding-left: 2px;");
clearCurrentDateFilterButton.Attributes.Add("onclick", string.Format("javascript: ResetCurrentDateColumnFilter('{0}', '{1}'); return false;",
dateFilterUniqueName, TestFilterRadGrid.ClientID));
filters[dateFilterUniqueName].Controls.AddAt(6, clearCurrentDateFilterButton);
}
}
}
}
}

Grid

answered on 26 Mar 2020

4 answers

170 views

Radscheduler PDF Export Not working

Im trying to get the pdf export feature to work but i cant.
Even on the demo you have here doesnt behave as it should;

I understand that the pdf export feature prints whats being seen at the moment, not the entire appointments list.
I im interested on the monthly view and on that view it works as if it were a printscreen. Ive attached the pdf im getting from your online demo.

Im using both IE 10 and Chrome v 24.0.1312.52.

Another issue i have noted is that on monthview only a part of the Subject is shown; i have a custom scheduler where my template shows the users involved, the location it will take place, the title, the description and the type of the event. How can i show that info on monthview and print it? (Please see here ) for screenshots

Scheduler

answered on 25 Mar 2020

15 answers

381 views

Accessing the AutoCompleteBoxItemData attributes client side

Hi there,

Ive bound successfully to my web service and am returning the required data using the following:

foreach (Site site in sites)

{

AutoCompleteBoxItemData childNode = new AutoCompleteBoxItemData();

childNode.Text = site.PublicName;

childNode.Value = site.SiteId.ToString();

childNode.Attributes.Add("PublicUrl", site.PublicUrl);

childNode.Attributes.Add("Description", site.Description);

result.Add(childNode);

}

How do I access though attributes (PublicUrl etc) client side in my OnClientEntryAdded method:

function onEntryCalendarAdded(sender, eventArgs)

{

debugger;

var controlEntry = eventArgs.get_entry();

// gain access to public url etc here

}

AutoCompleteBox

answered on 25 Mar 2020

2 answers

92 views

Change Color racRemoveToken

Dear Admin,

is there any way to change color of racRemoveToken (x) on RadAutocomplete ? Currently, i'm using css to force styling of racRemoveToke, which is :

.RadAutoCompleteBox_Default .racToken {

border-color:white;

background-color:white;

background-image:linear-gradient(white,white);

}

.RadAutoCompleteBox .racRemoveTokenLink {

color:red;

}

it is working fine on Chrome, but when i'm opened in Internet Explorer, red color on racRemoveToken doesn't apply, file attached below.

Regard,

Ragil

AutoCompleteBox

answered on 25 Mar 2020

5 answers

114 views

Copy content by dragging

Hi

I'm using two dock zones in a page and I have some controls in one of them, I'm trying to drag these controls into the other dock zone and have it in both zones, In common words I need to copy (or something like that) the control by dragging it on the other zone,

Any ideas how to do that?

Thanks

Dock

answered on 25 Mar 2020