Danail Vasilev
Team Member

ADD Top and Bottom Positions for Axes / Axes Labels in RadHtmlChart

In scenarios where the Series are Column/Bar and Positive and Negative values are present, the XAxis labels are overlapped by the Series themselves. Expose an additional Position property for the axis labels that controls their position to Top/Bottom.

For the time being you can choose either approach:

1) Use a second x-axis that stores only the labels:

a) Category Axis example:
<script>
function BottomXAxisLabels() {
var chart = $find("<%=RadHtmlChart1.ClientID%>").get_kendoWidget();
var axis = $telerik.$.extend(true, {}, chart.options.categoryAxis);
axis.line.visible = false;
chart.setOptions({ categoryAxis: [{}, axis] });
chart.options.valueAxis.axisCrossingValues = [0, -99999999999];
chart.redraw();
}
</script>
<telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" Width="600px" Height="400px">
<ClientEvents OnLoad="BottomXAxisLabels" />
<PlotArea>
<Series>
<telerik:ColumnSeries Name="Product 1">
<SeriesItems>
<telerik:CategorySeriesItem Y="15000" />
<telerik:CategorySeriesItem Y="-4000" />
<telerik:CategorySeriesItem Y="10000" />
</SeriesItems>
</telerik:ColumnSeries>
</Series>
<XAxis>
<Items>
<telerik:AxisItem LabelText="1" />
<telerik:AxisItem LabelText="2" />
<telerik:AxisItem LabelText="3" />
</Items>
</XAxis>
</PlotArea>
<ChartTitle Text="Product sales for 2011">
</ChartTitle>
<Legend>
<Appearance Position="Bottom" />
</Legend>
</telerik:RadHtmlChart>

b) Numeric axis example:
<script>
function BottomXAxisLabels() {
var chart = $find("<%=RadHtmlChart1.ClientID%>").get_kendoWidget();
var axis = $telerik.$.extend(true, {}, chart.options.xAxis);
axis.line.visible = false;
chart.setOptions({ xAxis: [{ labels: { visible: false }}, axis] });
chart.options.yAxis.axisCrossingValues = [0, -99999999999];
chart.redraw();
}
</script>
<telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" Width="600px" Height="400px">
<ClientEvents OnLoad="BottomXAxisLabels" />
<PlotArea>
<Series>
<telerik:ScatterLineSeries Name="Product 1">
<SeriesItems>
<telerik:ScatterSeriesItem Y="15000" X="5" />
<telerik:ScatterSeriesItem Y="-4000" X="6" />
<telerik:ScatterSeriesItem Y="10000" X="7"/>
</SeriesItems>
</telerik:ScatterLineSeries>
</Series>
</PlotArea>
<ChartTitle Text="Product sales for 2011">
</ChartTitle>
<Legend>
<Appearance Position="Bottom" />
</Legend>
</telerik:RadHtmlChart>

2) Use the TextStyle property of the RadHtmlChart , in order to set higher margin for the XAxis labels. For example:

<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Width="600px" Height="400px">
<PlotArea>
<Series>
<telerik:ColumnSeries Name="Product 1">
<SeriesItems>
<telerik:CategorySeriesItem Y="15000" />
<telerik:CategorySeriesItem Y="-4000" />
<telerik:CategorySeriesItem Y="10000" />
</SeriesItems>
</telerik:ColumnSeries>
</Series>
<XAxis>
<LabelsAppearance>
<TextStyle Margin="135 0 0 0" />
</LabelsAppearance>
<Items>
<telerik:AxisItem LabelText="item1" />
<telerik:AxisItem LabelText="item2" />
<telerik:AxisItem LabelText="item3" />
</Items>
</XAxis>
</PlotArea>
</telerik:RadHtmlChart>

Note: Labels margin and chart's PlotArea height are inversely proportional - the higher the margin is the lower the chart's PlotArea height will be. This resizing is needed, in order for the chart's main dimensions to be kept.
Feature Request by Danail Vasilev Status: In Development Comments: 15 Category: RadHtmlChart Scheduled for: Not Scheduled Last update: 2018-08-20T08:06:46 by Marin Bratanov
0
Peter Milchev

Add example for connecting RadChat to Amazon Lex services

Feature Request by Peter Milchev Status: New Comments: 0 Category: None Scheduled for: Not Scheduled Last update: 2018-08-20T07:55:11 by Peter Milchev
0
Rumen Jekov
Team Member

The image manager is incorrectly resized in Chrome and IE11

The image manager dialog do not resize properly in Chrome when the screen resolution is 1920x1080 and the Windows zoom level is 125%-150%-175%.

In Internet Explorer, all dialogs have scrolls - tested on 4k screen with 150% zoom.

See the attachments.

Workaround:

<script>
function OnClientCommandExecuted(editor, args) {
if (editor.get_dialogOpener()) {
var commandName = args.get_commandName();

if (editor.get_dialogOpener()._getDialogContainer) {
dialogReference = editor.get_dialogOpener()._getDialogContainer(commandName);
setTimeout(function () {
var dialogContainerHeight = parseInt(editor.get_dialogOpener()._getDialogContainer(commandName).get_contentElement().style.height);
dialogReference.set_height(dialogContainerHeight + 40);
dialogReference.get_contentElement().removeAttribute("style");
dialogReference.get_contentElement().style.height = dialogContainerHeight + 5 + "px";

}, 100);

}
}
}
</script>
<telerik:RadEditor ID="RadEditor1" runat="server" ExternalDialogsPath="~/RadEditorDialogs/" OnClientCommandExecuted="OnClientCommandExecuted">
<ImageManager ViewPaths="~/" />
</telerik:RadEditor>

Bug Report by Rumen Jekov Status: Approved Comments: 0 Attachments: 3 Category: RadEditor Scheduled for: Not Scheduled Last update: 2018-08-17T14:09:30 by Rumen Jekov
0
Peter Milchev

AJAX not working for controls in ItemTemplate of collapsed items in Toolbar

When an item with controls in the item template is collapsed, the AJAX settings are broken as the control's DOM element is moved because the MoreButton dropdown is not part of the Toolbar element itself.

The solution is to set the overflow property of the item to Never - <telerik:RadToolBarButton OverFlow="Never">
https://docs.telerik.com/devtools/aspnet-ajax/controls/toolbar/mobile-support/responsive-design#preventing-items-from-being-collapsed
Bug Report by Peter Milchev Status: Approved Comments: 0 Category: RadToolBar Scheduled for: Not Scheduled Last update: 2018-08-17T11:53:10 by Peter Milchev
0
Chris O'Brien

support olap driven dimension hierarchies in ajax pivotgrid filter window

Would be good if ajax pivotgrid filter window supported OLAP dimension hierarchies

The Filter window / popup, doesn't seem to respect an OLAP dimension hierarchy. It just shows a flat list at top level (for example case of date hierarchy just shows year).

See attached for a date hierarchy example in three different cube browsers, each with the same OLAP SSAS backend. Browsers are a) ajax pivot grid, b) kendo pivot grid and c) excel

The Ajax version just shows flat list, whereas kendo pivot and excel show the hierarchy

Thanks

Chris
Feature Request by Chris O'Brien Status: New Comments: 0 Attachments: 1 Category: RadPivotGrid Scheduled for: Not Scheduled Last update: 2018-08-16T13:33:07 by Chris O'Brien
0
Veselina Raykova
Team Member

Hidden columns are shown on resize when the static headers and frozen column are used

Hidden columns are shown on resize when the static headers and frozen column are used.

Video: https://www.screencast.com/t/4Lwuvbp7


Possible workarounds:

- Hide the column with Visible="False", instead of Display="False"

- Hide the column on the client-side:



function gridCreated(sender, args) {
var masterTableView = sender.get_masterTableView();
columnIndex = masterTableView.getColumnByUniqueName("ShipName").get_element().cellIndex;
setTimeout(function () {
masterTableView.hideColumn(columnIndex);
}, 2);
}




Steps to reproduse:

<telerik:RadGrid RenderMode="Lightweight" HeaderStyle-Width="200px"
AutoGenerateColumns="false"
ID="RadGrid1"
OnNeedDataSource="RadGrid1_NeedDataSource"
Width="100%"
runat="server">
<ClientSettings>
<Scrolling AllowScroll="True" UseStaticHeaders="true" FrozenColumnsCount="2"></Scrolling>
</ClientSettings>
<MasterTableView AutoGenerateColumns="false">
<Columns>
<telerik:GridBoundColumn DataField="SongID" HeaderText="SongID" FilterControlWidth="50px" HeaderStyle-Width="50px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="SongTitle" HeaderText="Song Title" FilterControlWidth="200px"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="CollectionName" HeaderText="Collection Name" FilterControlWidth="200px"></telerik:GridBoundColumn>
<telerik:GridBoundColumn FilterControlWidth="50px" DataField="VersionID" HeaderText="VersionID" Display="false"></telerik:GridBoundColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>

Code Behind:

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{
(sender as RadGrid).DataSource = GetData();
}

private DataTable GetData()
{
DataTable dt = new DataTable();
dt.Columns.Add("SongID");
dt.Columns.Add("SongTitle");
dt.Columns.Add("CollectionName");
dt.Columns.Add("VersionID");

for (int i = 0; i < 20; i++)
{
dt.Rows.Add(i, i + 1, i + 2, i + 3);
}

return dt;
}


Bug Report by Veselina Raykova Status: Approved Comments: 0 Category: RadGrid Scheduled for: Not Scheduled Last update: 2018-08-15T11:16:04 by Veselina Raykova
0
Satvinder Singh

Add frozen column fuctionality for RadTreeList

Feature Request by Satvinder Singh Status: Under Review Comments: 1 Category: RadTreeList Scheduled for: Not Scheduled Last update: 2018-08-14T12:00:43 by Jean-Pierre Lessard
0
Attila Antal
Team Member

TextBox values are not cleared when NoFilter is applied in RadGrid Excel-Like filtering

After having a filter applied, filter value is not cleared when FilterOption was set to "NoFilter".


The following client-side logic would clear the textbox values before the filtering is applied if filter options are set to "NoFilter"

function onCommand(sender, args) {
if (args.get_commandName() == "HeaderContextMenuFilter") {
var firstTextBox = $("[id$='HCFMRTBFirstCond']")[0].control;
var firstFilterOption = args.get_commandArgument().split("|")[1];

var secondTextBox = $("[id$='HCFMRTBSecondCond']")[0].control;
var secondFilterOption = args.get_commandArgument().split("|")[3];

if (firstFilterOption.includes("NoFilter") && firstTextBox.get_value() != "") {
args.set_cancel(true);
var value = firstTextBox.get_value();
firstTextBox.clear();
var newArg = args.get_commandArgument().replace("|" + value + "|?", "||?");
args.get_tableView().fireCommand(args.get_commandName(), newArg);
}

if (secondFilterOption.includes("NoFilter") && secondTextBox.get_value() != "") {
args.set_cancel(true);
var value = firstTextBox.get_value();
secondTextBox.clear();
var newArg = args.get_commandArgument().replace("|" + value + "|?", "||?");
args.get_tableView().fireCommand(args.get_commandName(), newArg);
}
}
}
Bug Report by Attila Antal Status: Approved Comments: 0 Category: RadGrid Scheduled for: Not Scheduled Last update: 2018-08-13T11:13:21 by Attila Antal
0
Attila Antal
Team Member

Integrate validation for column UniqueNames in RadGantt

Integrate validation of unique names that are being assigned through the UniqueName property of the GanttBoundColumn class to prevent the same assigned two times.

E.g.

RadGantt myGantt = new RadGantt();
GanttBoundColumn boundColumn = new GanttBoundColumn();
boundColumn.UniqueName = "Unique";
myGantt.Columns.Add(boundColumn);

GanttBoundColumn boundColumn2 = new GanttBoundColumn();
boundColumn.UniqueName = "Unique"; // this should be validated
myGantt.Columns.Add(boundColumn2);

Feature Request by Attila Antal Status: Approved Comments: 1 Category: RadGantt Scheduled for: Not Scheduled Last update: 2018-08-13T04:25:23 by Kasim Husaini
0
Kasim Husaini

RadGantt Add custom action buttons to RadGantt chart button strip (Where the export buttons appears)

There is a need to add custom buttons to the button strip of RadGantt.

The buttons for "Day | Week | Month" view appears on the top right of the RadGantt. The "Export to Pdf" button appears on the top left corner. I would like to add new buttons next to the "Export to Pdf" button.

I would suggest taking this as a feature request. There are many scenarios where we need to have custom buttons in the toolbar of the RadGantt. Let the priority be decided by public opinion.
Feature Request by Kasim Husaini Status: New Comments: 0 Category: RadGantt Scheduled for: Not Scheduled Last update: 2018-08-12T03:18:43 by Kasim Husaini
0
Displaying items 1 - 10 of 1557