Veselina Raykova
Team Member

The navigation icons are not readable in mobile Grid in MetroTouch

The navigation icons are not readable in mobile Grid in MetroTouch.

Video: https://goo.gl/TrzZ0m

Steps to reproduce:
1. Open this demo:
http://demos.telerik.com/aspnet-ajax/grid/mobile-examples/overview/default.aspx?skin=MetroTouch

Result: the Navigation icons are white
Bug Report by Veselina Raykova Status: In Development Comments: 0 Category: RadGrid Scheduled for: R1 2017 SP2 Last update: 2017-03-28T14:04:27 by Ivan Zhekov
0
Marin Bratanov
Team Member

Inconsistent colors and backgrounds of tiles

Here is a set of rules to get back the colors

div.RadTile_Bootstrap
{
color: #fff;
background-color: #337ab7;
}

div.RadTile_BlackMetroTouch,
div.RadTile_Metro
{
color: #fff;
background-color: #25a0da;
}

div.RadTile_Office2010Blue
{
color: #333;
background-color: #dbe3ee;
}

div.RadTile_Office2010Black
{
color: #fff;
background-color: #6f6f6f;
}

div.RadTile_Office2010Silver
{
color: #333;
background-color: #e2e5e9;
}

div.RadTile_Outlook
{
color: #333;
background-color: #d6e6f4;
}

div.RadTile_Silk
{
color: #fff;
background-color: #14afca;
}

div.RadTile_Simple
{
color: #333;
background-color: #ececec;
}

div.RadTile_Sunset
{
color: #333;
background-color: #e88d49;
}

div.RadTile_Telerik
{
color: #333;
background-color: #eee;
}

div.RadTile_Vista
{
color: #333;
background-color: #eff7fc;
}

div.RadTile_Web20
{
color: #333;
background-color: #e7f1ff;
}

div.RadTile_WebBlue
{
color: #333;
background-color: #5d9fb7;
}

div.RadTile_Windows7
{
color: #1e395b;
background-color: #b8cbde;
}
Bug Report by Marin Bratanov Status: In Development Comments: 0 Category: RadTileList Scheduled for: R1 2017 SP2 Last update: 2017-03-28T08:33:00 by Ivan Zhekov
0
Veselina Raykova
Team Member

The Grid header context menu gets closed on click when the grid is scrolled

Th header context menu of the Grid gets closed on click (select/deselect a column) if the Grid is initially scrolled horizontally.

Video: https://www.screencast.com/t/Gm1FLHia


Steps to reproduce:
1. Open the Live Demos solution for "UI for ASP.NET AJAX R1 2017" in VS2015;
2. Open the page "UI for ASP.NET AJAX R1 2017\Live Demos\Grid\Examples\Functionality\Scrolling\scrolling\DefaultCS.aspx";
3. Enable the HeaderContextMenu by setting EnableHeaderContextMenu="True" in the tag telerik:RadGrid;
4. Disable the column freezing.
5. Run the Demo and open the page "Grid\Examples\Functionality\Scrolling\scrolling\DefaultCS.aspx";
6. Scroll the horizontal scrollbar of the grid to the right;
7. Right click on the column header and pick the Columns from the context menu;
8. Select or unselect any column, the Column Chooser will close by itself;
9. Now, scroll the horizontal scrollbar of the grid all the way to the left;
10. Right click on the column header and pick the Column Chooser from the context menu;
11. Select or unselect any columns, the Column Chooser won't close by itself.
Bug Report by Veselina Raykova Status: Approved Comments: 0 Category: RadGrid Scheduled for: Not Scheduled Last update: 2017-03-27T13:59:09 by Veselina Raykova
0
Marin Bratanov
Team Member

Appearance issues in RadWindow in R1 2017

Most notable issues
- Metro skin does not show the correct (blue) color
- RTL mode does not order the buttons properly

Workarounds for both:

/*lightweight mode*/
.RadWindow_Metro div.rwTitleBar,
.RadWindow_MetroTouch div.rwTitleBar
{
background-color: #25a0da;
}
/* if you want all the borders blue */
div.RadWindow_Metro,
div.RadWindow_MetroTouch
{
border-color: #25a0da;
background-color: #25a0da;
}

.rwRtl .rwCommands li.rwListItem
{
float: right;
}


/* classic mode- metro skin color issue*/
div.RadWindow_Metro .rwTitleRow
{
background-color: #25a0da;
}
Bug Report by Marin Bratanov Status: In Development Comments: 2 Category: RadWindow Scheduled for: R1 2017 SP2 Last update: 2017-03-27T12:23:26 by Ivan Zhekov
0
Rumen Jekov
Team Member

Gray background in RadSplitter, RadFileExplorer and RadEditor dialogs with RenderMode Classic and Default/Silk skins

RadSplitter is loaded with the gray background when configured with Default/Silks/Bootstrap skins in RenderMode="Classic".

The issue applies to RadFileExplorer and RadEditor file browser dialogs too which use RadSplitter inside.

The background is white in version 2017.1.118.40 and earlier.

Workaround:
Switch to RenderMode="lightweight"

or

RadSplitter: Apply the BackColor property to RadSplitter or its RadPane items.
RadFileExplorer:
ASPX:
<telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" RenderMode="Classic">
<Configuration ViewPaths="~/" />
</telerik:RadFileExplorer>
Codebehind:
using Telerik.Web.UI;

public partial class Default2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
(RadFileExplorer1.Splitter.GetPanes()[0] as RadPane).BackColor = System.Drawing.Color.White;
(RadFileExplorer1.Splitter.GetPanes()[1] as RadPane).BackColor = System.Drawing.Color.White;
}
}
Bug Report by Rumen Jekov Status: In Development Comments: 1 Category: RadSplitter Scheduled for: R1 2017 SP2 Last update: 2017-03-27T12:19:29 by Ivan Zhekov
0
Dimitar Goshev
Team Member

Missing indication for loaded items in RadComboBox MoreResultsBox

Bug Report by Dimitar Goshev Status: In Development Comments: 1 Category: RadComboBox Scheduled for: R2 2017 Last update: 2017-03-27T11:55:14 by Ivan Zhekov
0
Bozhidar Ruzhenov
Team Member

RadImageButton throws "Input string was not in a correct format" in IE when zoomed

When zoom is applied in IE browser and button coordinates are not an integer RadImageButton tries to convert them to an integer on the server on postback and fails.

Workaround:

<telerik:RadImageButton runat="server" ID="rib1" Width="50" Height="50" OnClick="rib1_Click" Image-Url="~/images/myImage.png"></telerik:RadImageButton>
<script>
Telerik.Web.UI.Button.ImageCoordsFunctionality.prototype._calculateCoords = function (e) {
var container = this._ui.element;
var pos = $telerik.getLocation(container);
var scroll = $telerik.getScrollOffset(container, true);

return new Telerik.Web.UI.Point(parseInt(e.clientX + scroll.x - pos.x), parseInt(e.clientY - pos.y + scroll.y));
}
</script>
Bug Report by Bozhidar Ruzhenov Status: Approved Comments: 0 Category: RadButton Scheduled for: Not Scheduled Last update: 2017-03-27T11:00:34 by Marin Bratanov
0
Marin Bratanov
Team Member

ProgressBar does not resolve its skin-specific stylesheet

Bug Report by Marin Bratanov Status: In Development Comments: 0 Category: RadProgressBar Scheduled for: R1 2017 SP2 Last update: 2017-03-27T10:50:25 by Ivan Zhekov
0
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.
Feedback by Danail Vasilev Status: Approved Comments: 14 Category: RadHtmlChart Scheduled for: Not Scheduled Last update: 2017-03-24T14:55:44 by Justin Anderson
0
Marin Bratanov
Team Member

Label attribute should be added to all inputs located in RadGrid pager in order for WCAG validation to pass.

Workaround for the NextPrevAndNumeric mode is to set the AssociatedControlID of the label

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
{
if (e.Item is GridPagerItem)
{
GridPagerItem pager = e.Item as GridPagerItem;
Label lbl = pager.FindControl("ChangePageSizeLabel") as Label;
Panel pnl = lbl.Parent as Panel;
RadComboBox combo = pnl.FindControl("PageSizeComboBox") as RadComboBox;
lbl.AssociatedControlID = combo.ID;
}
}

<telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" runat="server" DataSourceID="SqlDataSource1" AllowSorting="True"
AllowPaging="True" GridLines="None" Width="100%" OnItemDataBound="RadGrid1_ItemDataBound">
<PagerStyle Mode="NextPrevAndNumeric" Position="TopAndBottom" PageSizeControlType="RadComboBox"></PagerStyle>
</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
ProviderName="System.Data.SqlClient" SelectCommand="SELECT CustomerID, CompanyName, ContactName, ContactTitle, Address, PostalCode FROM Customers"
runat="server"></asp:SqlDataSource>
Feature Request by Marin Bratanov Status: Approved Comments: 0 Category: RadGrid Scheduled for: Not Scheduled Last update: 2017-03-24T14:50:24 by Marin Bratanov
0
Displaying items 1 - 10 of 1387