Telerik Forums
UI for ASP.NET AJAX Forum
8 answers
290 views
I have a rad HTMLChart that is not displaying the Y Axis correctly in IE 9 and above. It also does not render correctly in Chrome. It overlaps the text.
It runs fine if I run it in the compatibility mode.

Attached are the two screenshots.
I am setting the MaxValue for YAxis in codebehind and adding items to the chart as below:
rcAnnualPaycheckDeduction.PlotArea.Series[0].Items.Add(Convert.ToDecimal(_estimatedPaycheckDeduction));
rcAnnualPaycheckDeduction.PlotArea.Series[1].Items.Add(Convert.ToDecimal(Amount));

<telerik:RadHtmlChart ID="rcPayPeriodPaycheckDeduction" runat="server" Width="355px"
                        Height="370px" Transitions="false" Visible="false">
                        <Legend>
                            <Appearance Position="Bottom" />
                        </Legend>
                        <ChartTitle Text="Per Pay Period">
                            <Appearance Align="Center" BackgroundColor="White" Position="Bottom"></Appearance>
                        </ChartTitle>
                        <PlotArea>
                            <YAxis MinValue="0" Step="2000">
                                <LabelsAppearance DataFormatString="{0:$#,##0}" RotationAngle="0" />
                                <MajorGridLines Color="#EFEFEF" Width="1"></MajorGridLines>
                                <MinorGridLines Color="#F7F7F7" Width="1"></MinorGridLines>
                            </YAxis>
                            <XAxis>
                                <MajorGridLines Color="#EFEFEF" Width="1"></MajorGridLines>
                                <MinorGridLines Color="#F7F7F7" Width="1"></MinorGridLines>
                            </XAxis>
                            <Series>
                                <telerik:ColumnSeries Name="Estimated Paycheck Deduction <b>*</b>" Stacked="false">
                                    <Appearance>
                                        <FillStyle BackgroundColor="Blue"></FillStyle>
                                    </Appearance>
                                    <LabelsAppearance DataFormatString="{0:$#,##0}" Position="OutsideEnd">
                                    </LabelsAppearance>
                                    <TooltipsAppearance DataFormatString="{0:$#,##0}"></TooltipsAppearance>
                                </telerik:ColumnSeries>
                                <telerik:ColumnSeries Name="Amount Deferred" Stacked="false">
                                    <Appearance>
                                        <FillStyle BackgroundColor="Green"></FillStyle>
                                    </Appearance>
                                    <LabelsAppearance DataFormatString="{0:$#,##0}" Position="OutsideEnd">
                                    </LabelsAppearance>
                                    <TooltipsAppearance DataFormatString="{0:$#,##0}"></TooltipsAppearance>
                                </telerik:ColumnSeries>
                            </Series>
                        </PlotArea>
                    </telerik:RadHtmlChart>
Jay Z
Top achievements
Rank 1
 answered on 14 Apr 2014
1 answer
216 views
I am having issue with  showing  line chart graph. Here is my code:

 <telerik:RadHtmlChart runat="server" ID="RadHtmlChart1"  >
               <PlotArea>
                    <Series>
                         <telerik:ScatterLineSeries Name="Bookings" DataFieldX="MetricMonth"  DataFieldY="BookingsValue">
                              <TooltipsAppearance DataFormatString="{0}" />
                              <LabelsAppearance Visible="false">
                              </LabelsAppearance>
                         </telerik:ScatterLineSeries>
                         <telerik:ScatterLineSeries Name="Shipments" DataFieldX="MetricMonth"  DataFieldY="ShipmentsValue">
                              <TooltipsAppearance DataFormatString="{0}" />
                              <LabelsAppearance Visible="false">
                              </LabelsAppearance>
                         </telerik:ScatterLineSeries>                      
                    </Series>
                    <XAxis DataLabelsField="MetricMonth" />   
                    <YAxis>                        
                     <LabelsAppearance  DataFormatString="{0}" />   
                    </YAxis>
               </PlotArea>
               <ChartTitle Text="Monthly Performance">
               </ChartTitle>       
    </telerik:RadHtmlChart>

Binding data in code behind. Attached data values and output. Xaxis should show metric month values and yaxis should show Bookings and Shipments value.
Please let me know what i am missing. I have to show to two line graphs  for shipments and bookings with attached data.

Neetha
Top achievements
Rank 1
 answered on 14 Apr 2014
6 answers
394 views
Hi,
    I'm a total noob so I guess I'm making a silly fundamental error in the way I'm trying to apply a custom skin. I used the Visual Style Builder to create a skin (based on Metro) for a Grid and a few other controls but when I applied it, every control was rendered transparent and without any borders. Some control elements (e.g. the button by the calendar control) were completely invisible although still functioning.

After this, I scaled back my attempt to just trying to skin a button. Again, I used the Visual Style Builder to create a skin (based on Metro), the only alteration I made was to show an image on hover. I saved the css file and associated folders to my App_Themes folder and created a page that look like this:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="MainMenu.aspx.vb" Inherits="user_MainMenu" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
 
        <telerik:RadButton ID="RadButton1" runat="server" Text="RadButton" EnableEmbeddedSkins="false" Skin="RAMTrackHoverBtn">
        </telerik:RadButton>
    </form>
</body>
</html>
When I ran the page, I got exactly the same problem as before i.e. the button text was just there on its own. There was no border around the button and the hover image didn't show.

I looked in the folders where the css file is and all seems in order. The image I wanted is there as are the various gifs and sprites.

Any help would be much appreciated and apologies if I've missed the obvious.
Taiseer
Top achievements
Rank 1
 answered on 14 Apr 2014
6 answers
194 views
I'm in a bind for time and I need a fast answer.  I have a web page that currently uses JavaScript to expand/collapse a Splitter bar in the OnClientSelectedIndexChanged of  a RadComboBox

var splitter = $find("<%=RadSplitterEditor.ClientID%>");
var endPane = splitter.getEndPane();    
 endPane.expand(Telerik.Web.UI.SplitterDirection.Backward);

Is there any simple way to duplicate this behavior on the server side, using the RadAjaxManager?
Boris
Top achievements
Rank 1
 answered on 14 Apr 2014
4 answers
235 views
Can't find any properties or style sheets in order to set the z-index of the Image Area.
Greg
Top achievements
Rank 1
 answered on 14 Apr 2014
1 answer
121 views
Hi,

I've a grid with headers grouping. This doesn't work properly. The group title doesn't scroll horizontally. Also it performs really slow on IE6.

Please can someone suggest a solution?


Thanks
Pavlina
Telerik team
 answered on 14 Apr 2014
3 answers
160 views
Hi All. I'm trying to create input control for entering a person lastname. The list of possible lastnames is stored in oracle table.
When user types a letters i want to show a list of possible last names according to inputed letters. (incremental search).
Does anyone have an idea how to make such functionality?  Sorry for my english ))
Al
Top achievements
Rank 1
 answered on 14 Apr 2014
2 answers
334 views
Hi,


  I want to implement dashed line in radhtmlchart and Binding Url on Point as in Rad Chart Is It Possible in RadhtmlChart.


Thanks,
Santhosh
Santhosh
Top achievements
Rank 1
 answered on 14 Apr 2014
3 answers
134 views
Hi,
I am trying to filter GridBoundColumn  
I am using web Api as data source Take a Walk on the Client Side with WebAPI and WebForms – Part 2
my grid :
<telerik:RadGrid runat="server" ID="grdUsers" AllowPaging="true" AllowSorting="true"
                                    AllowFilteringByColumn="true" PageSize="5">
                                    <MasterTableView AutoGenerateColumns="False" DataKeyNames="Id" ClientDataKeyNames="Id,FullName,UserName,Email,RegisterationDate">
                                        <PagerStyle Mode="NumericPages" />
                                        <Columns>
                                              <telerik:GridImageColumn DataType="System.String" DataImageUrlFields="CustomerID" AlternateText="User image" DataAlternateTextField="ContactName"
                                                    ImageAlign="Middle" ImageHeight="50px" ImageWidth="50px" AllowFiltering="false" HeaderText="">
                                                </telerik:GridImageColumn>
                                            <telerik:GridBoundColumn  DataField="UserName" HeaderText="User Name"  
                                                  DataType="System.String">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn  DataField="FullName" HeaderText="Name"  
                                                  DataType="System.String">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn  DataField="Email" HeaderText="Email"  
                                                  DataType="System.String">
                                            </telerik:GridBoundColumn>
                                            
                                             <telerik:GridBoundColumn DataField="RegistrationDate" HeaderText="Registration Date"  
                                                   UniqueName= "RegistrationDate" DataFormatString="{0:dd/MM/yyyy}">
                                               </telerik:GridBoundColumn>
                                            <telerik:GridButtonColumn UniqueName="btnEdit"  ButtonType="PushButton" Text="Edit" CommandName="Edit"></telerik:GridButtonColumn>
                                            <telerik:GridButtonColumn UniqueName="btnDelete" ButtonCssClass="del" ButtonType="PushButton" Text="Delete" CommandName="Delete"></telerik:GridButtonColumn>
                                        </Columns>
                                    </MasterTableView>
                                    <ClientSettings>
                                        <Selecting AllowRowSelect="True" />
                                        <ClientEvents OnCommand="RadGridCommand" />
                                        <DataBinding Location="/SecuHostapi/Security/Role/Load_Users"  ResponseType="JSON">
                                            <DataService TableName="SecuHostUser" Type="OData" />
                                        </DataBinding>
                                    </ClientSettings>
                                </telerik:RadGrid>

my data source :    
 public partial class SecuHostUser : IdentityUser
    {
        public string FullName { set; get; }
        public string Email { set; get; }
        public string Image { set; get; }
        public DateTime RegistrationDate { set; get; }
    }
but the result appear with no filtering for  RegistrationDate column 
the result in attachment 

I want to display Just the date

Thanks.


Konstantin Dikov
Telerik team
 answered on 14 Apr 2014
1 answer
70 views
Hi,

I'am having a Radcombobox with checkbox in item template field.and iam using telerik 2010 version .Iam displaying selected checkbox values in my combo box.Everything is working fine but  at the time i clicked on the EDGE of any single item template field that single value is appearing in my text field.irespective of what values iam selected.please help me to solve this bug.Even I Used Stop Propagation Function.But Only after clicking EDGE it will gives me a problem. .

Thank You

Deekshith  

Nencho
Telerik team
 answered on 14 Apr 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?