Hi, I'm using telerik RadHtmlChart column series. I add the series dynamically in the code behind.

In my first screen, after page_load, I have three series, (attachment named 3 series first) but then the user can select more series. When I select more than three series, for example 15 series (attachment named 15 series), the columns, of course, are thinner than the ones in the first screen. After that, if I select to show me 3 series (attachment named 3 series last), the columns width remains the same as when I selected the 15 series. The same happens if I select 30 or any other number with thinner columns than the 3 series case.

I guess that the columns width should have been automatically adjusted according to the series quantity.

Maybe there is a property or something that I could add and solve my problem.

Please, any help would be appreciated.

Here is part of the code:

CliAltBajChart.PlotArea.XAxis.TitleAppearance.Text = "Mes";
CliAltBajChart.PlotArea.XAxis.AxisCrossingValue = 0;
CliAltBajChart.PlotArea.XAxis.MajorTickType = Telerik.Web.UI.HtmlChart.TickType.None;
CliAltBajChart.PlotArea.XAxis.MinorTickType = Telerik.Web.UI.HtmlChart.TickType.None;
CliAltBajChart.PlotArea.XAxis.MajorGridLines.Width = 2;

CliAltBajChart.PlotArea.YAxis.TitleAppearance.Text = "Cantidad de clientes";
CliAltBajChart.PlotArea.YAxis.MajorTickType = Telerik.Web.UI.HtmlChart.TickType.Outside;
CliAltBajChart.PlotArea.YAxis.MinorTickType = Telerik.Web.UI.HtmlChart.TickType.Outside;
CliAltBajChart.PlotArea.YAxis.LabelsAppearance.DataFormatString = "{0:N0}";

ColumnSeries TotalClientes = new ColumnSeries();
ColumnSeries Altas = new ColumnSeries();
ColumnSeries Bajas = new ColumnSeries();
List<EntCliente> LstC = new BusCliente().ObtenerClientes(0).ToList();

string name = "Total de Clientes" + nombre;

ColumnSeries TotalClientes = new ColumnSeries();
TotalClientes.Name = name;
TotalClientes.LabelsAppearance.Visible = false;
TotalClientes.TooltipsAppearance.Color = System.Drawing.Color.White;
TotalClientes.TooltipsAppearance.DataFormatString = "{0:N0}";

ColumnSeries Altas = new ColumnSeries();
Altas.Name = "Altas" + nombre;
Altas.LabelsAppearance.Visible = false;
Altas.LabelsAppearance.DataFormatString = "{0:N0}";
Altas.TooltipsAppearance.Color = System.Drawing.Color.White;
Altas.TooltipsAppearance.DataFormatString = "{0:N0}";

ColumnSeries Bajas = new ColumnSeries();
Bajas.Name = "Bajas" + nombre;
Bajas.LabelsAppearance.Visible = false;
Bajas.LabelsAppearance.Position = Telerik.Web.UI.HtmlChart.BarColumnLabelsPosition.Center;
Bajas.LabelsAppearance.DataFormatString = "{0:N0}";
Bajas.TooltipsAppearance.Color = System.Drawing.Color.White;
Bajas.TooltipsAppearance.DataFormatString = "{0:N0}";

CliAltBajChart.PlotArea.XAxis.Items.Clear();

foreach (EntCliente e in LstC)
{
    string mes = Convert.ToString(e.mes);
    CliAltBajChart.PlotArea.XAxis.Items.Add(mes);
    decimal? cantClientes = Convert.ToDecimal(e.cantClientes);

    TotalClientes.SeriesItems.Add(cantClientes);

    decimal? cantAltas = Convert.ToDecimal(e.cantAltas);
    Altas.SeriesItems.Add(cantAltas);

    decimal? cantBajas = Convert.ToDecimal(e.cantBajas);
    Bajas.SeriesItems.Add(cantBajas);  
}

CliAltBajChart.PlotArea.Series.Add(TotalClientes);
CliAltBajChart.PlotArea.Series.Add(Altas);
CliAltBajChart.PlotArea.Series.Add(Bajas);

HtmlChartHolder.Controls.Add(CliAltBajChart);

You can delete the other thread, it was improperly titled. 

I've created a menu with a horizontal root that displays child elements vertically. Works fine on my and the other dev boxes we have. When we deploy to the server however, the root menu displays vertically. I've added the x-ua-compatibale meta tag with content="ie-edge" to no avail. I also added the Flow Horizontal attribute on the actual control even though it's the default. 

Is there some css property I'm missing? Thanks in advance. 

Hello,

I want to show grid header always,even there is no datasource or records,here is the code I tried,but the header did't show:

<telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" runat="server" AllowPaging="True" AllowSorting="True"  AllowFilteringByColumn="True" CellSpacing="0" ShowHeader="true">
         <MasterTableView AutoGenerateColumns="false" ShowHeader="true" ShowHeadersWhenNoRecords="true">
                        <Columns>
                            <telerik:GridBoundColumn DataField="BrandName" HeaderText="Brand Name" UniqueName="BrandName">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Model" HeaderText="Model" UniqueName="Model">
                            </telerik:GridBoundColumn>
                            </Columns>
             </MasterTableView>
         </telerik:RadGrid>

what should I do?

Hi,
I’m trying to export a radgrid using this code:

Please can you clarify how to accomplish these things please?

Hi,

The "Apply CSS class" dropdown won't load if the css file uses Google fonts Eg.:

@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans:400,100,300,500,700,800,900,900italic,800italic,700italic,500italic,400italic,300italic,100italic|Open+Sans:400,400italic);

Anything we can do about this?

Marc

 ​

Hi,

I am trying to add tabs, pageviews dynamically, and then iframes  in the pageviews.  However, on postback, the iframes are not persisted.

HtmlGenericControl iframe = new HtmlGenericControl("iframeA");

PageView pageView = new PageView();

pageView.Controls.Add(iframe);
multiPage.PageViews.Add(pageView);

However, if i statically do it (as below), the iframes are persisted.  Can you please show me a way to make this work.

Thanks,
Raj

<telerik:RadPageView id="Pageview2" runat="server" >
                                <iframe  id="ContentIframe2" width=100% height="600px" frameborder="0" scrolling="auto" runat="server"></iframe>
                            </telerik:RadPageView> 
                            <telerik:RadPageView id="Pageview3" runat="server" >
                                <iframe  id="ContentIframe3" width=100% height="600px" frameborder="0" scrolling="auto" runat="server"></iframe>
                            </telerik:RadPageView> 
                            <telerik:RadPageView id="Pageview4" runat="server" >
                                <iframe  id="ContentIframe4" width=100% height="600px" frameborder="0" scrolling="auto" runat="server"></iframe>
                            </telerik:RadPageView> 
                            <telerik:RadPageView id="Pageview5" runat="server" >
                                <iframe  id="ContentIframe5" width=100% height="600px" frameborder="0" scrolling="auto" runat="server"></iframe>
                            </telerik:RadPageView> 

Hi,

I need to place an "X" in all cells that have a true value in the export.  I've seen similar posts, but I am using Format="Xlsx" and trying to accomplish this task using the OnInfrastructureExporting event handler as follows:

The value for the variable x above is always "" or null (hard to tell in the Output section of VS).
I know that my data for column Active should have all true values.
The conversion to boolean fails!
I think I'm close.
What am I doing wrong?
Thanks in advance for any advice.
Jim