Questions on UI for ASP.NET AJAX Forum

3 answers

378 views

This is the first time we're using the RadHtmlChart control (in the past, we've used others successfully - like the RadCalendar - just fine). I can't get ANYTHING to show up. I'm using some of your sample code on a test page:

My test.aspx file:

<%@ Page Language="C#" %>

<%@ 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">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>Test</title>

</head>

<body>

<form id="form1" runat="server">

<p>This is a test...</p>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />

<telerik:RadHtmlChart runat="server" ID="PieChart1" Transitions="true">

<PlotArea>

<Series>

<telerik:PieSeries StartAngle="90">

<LabelsAppearance Position="Circle" DataFormatString="{0} %" />

<TooltipsAppearance DataFormatString="{0} %" />

<Items>

<telerik:SeriesItem BackgroundColor="Purple" Exploded="true" Name="Internet Explorer" YValue="18.3" />

<telerik:SeriesItem BackgroundColor="Orange" Exploded="false" Name="Firefox" YValue="35.8" />

<telerik:SeriesItem BackgroundColor="Green" Exploded="false" Name="Chrome" YValue="38.3" />

<telerik:SeriesItem BackgroundColor="Blue" Exploded="false" Name="Safari" YValue="4.5" />

<telerik:SeriesItem BackgroundColor="Red" Exploded="false" Name="Opera" YValue="2.3" />

</Items>

</telerik:PieSeries>

</Series>

</PlotArea>

<ChartTitle Text="Browser Usage for April 2012">

</ChartTitle>

</telerik:RadHtmlChart>

</form>

</body>

</html>

But when I look at it in my browser window, I just see "This is a test..." and then blank.

I'm sure I'm missing something obvious ... what do I need to add/change to get the chart to show?

Chart (HTML5)

answered on 25 Mar 2013

3 answers

148 views

[Solved] Setting timer.

Hi,

I am having a RadCombobox which is beinv populated from a Webservice. So my requirement is I want to know if it is possible to set a delay timer before requesting for items as well as to cancel the request if the request is not serviced within a partcular time interval?

Thanks,
Karl.

ComboBox

answered on 25 Mar 2013

1 answer

84 views

set_startTime doesn't change set the start time of the TimeView

I'm creating a simple test program and use the set_startTime method, it doesn't work. It should start from 6:am (I hard code it).
Please refer to the attached png

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script type="text/javascript">
function OnPopupOpening(sender, args) {
var MDate = sender.get_minDate();
sender.set_minDate(2013 + '-' + 3 + '-' + 13 + '-' + 6 + '-' + 00 + '-' + 0 + '-' + 0);
var MDateAfter = sender.get_minDate();
var TWStartTime = sender._timeView.get_startTime();
sender._timeView.set_startTime(6 + '-' + 00 + '-' + 0 + '-0-0');
var TWStartTimeAfter = sender._timeView.get_startTime();
var picker = $find("<%= RadDateTimePicker2.ClientID %>");
var timeview = sender.get_timeView();
var NDate = new Date(2013, 2, 13, 6, 0, 0, 0);
$telerik.toTimeView(timeview).set_startTime(NDate);
var TWStartTimeAfter = sender._timeView.get_startTime();
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">

Calendar

answered on 25 Mar 2013

5 answers

455 views

RadEditor (ContentAreaMode='Div') + RadWindow + Firefox

Hello, my problem is that I can't write in the content area of the RadEditor.

The situation is that I've a RadWindow with a RadEditor inside it (ContentAreaMode='Div', custom skin, EditModes 'Design' only) and it works (lets the user write in) in Google Chrome, but not in Firefox (IE not tested). Is there any known reason for this?. An example of what I'm saying is (the page is a content page):

<asp:Content ContentPlaceHolderID="cphContenido" runat="server">

   <table width="100%">
   <thead>
   <tr class="rwContentTitle">
   <th>...</th>
   </tr>
   </thead>
   <tbody>
   <tr>
   <td>
   <fieldset>
   <rad:RadEditor ID="reTextoCampo" runat="server"
   ContentAreaMode="Div"
   EditModes="Design"
   EnableEmbeddedBaseStylesheet="false"
   EnableEmbeddedSkins="false"
   Height="375"
   MaxTextLength="500"
   Skin="XXXX"
   Width="100%">
   <Tools>
   <rad:EditorToolGroup>
   <rad:EditorTool Name="Cut" />
   <rad:EditorTool Name="Copy" />
   <rad:EditorTool Name="Paste" />
   </rad:EditorToolGroup>
   </Tools>
   <Modules>
   <rad:EditorModule Name="RadEditorStatistics" Visible="true" />
   </Modules>
   </rad:RadEditor>

   </fieldset>
....

Thanks in advance.

PD: I forgot to say that the page is the content of the RadWindow :D...

Editor

answered on 25 Mar 2013

10 answers

244 views

Combox performance auto complete and combo in textbox mode

Hi,

I am using combox which is loaded via webservice on demand. I am noticing that its very slow. From the moment i type something in a combo till it reaches webservice at server there is a delay of around 3 seconds. Even the "Loading.." text is not shown rapidly.

Here is the code:

    
            <telerik:RadComboBox ID="radList" Runat="server" EnableEmbeddedSkins="False" Skin="search" Width="120px" NoWrap="True" Height="200px" DropDownWidth="225px" EnableLoadOnDemand="true" 
        
            OnClientItemsRequesting="OnClientItemsRequesting" ItemRequestTimeout="2000"   
        
            OnClientSelectedIndexChanged="onChanged"   
        
            EnableViewState="false" LoadingMessage="Loading..." EmptyMessage="Type to get results" 
        
            >   
        
            <WebServiceSettings Method="GetItems" Path="~/WebServices/Search.asmx" />   
        
            </telerik:RadComboBox>

And the javascript function called:

    
            function OnClientItemsRequesting(sender, eventArgs)  
        
            {   
        
            var text = eventArgs.get_text();   
        
            if( text.length < 3)   
        
            {   
        
            eventArgs.set_cancel(true);   
        
            }  
        
            else{   
        
            var context = eventArgs.get_context();  
        
            context["FilterString"] = text;   
        
            }  
        
            }

This is the only thing that I do for defining the conotrol. Is there any way to improve the perfomance, as 3 seconds just to get to server is really slow.

My second question is there a way to change mode of combo to textbox?

Thanks in advance for your help.

Best regards,

Khurram

ComboBox

answered on 25 Mar 2013

3 answers

111 views

Javascript Unknown Runtime Error in RadCalendar.js file

Hi,

I have a RadCalendar control with AjaxManager on my page. Everything seems to work fine. I have one problem with Javascript error and it doesn't clear stated what it is. All it said is "Unknown Runtime Error". When I click on ASP.NET, it saved my changes and closed the window. However, it also gave me a runtime error in Javascript from the following line of code in RadCalendar.js file. Please let me know what am I missing here?

if

(_9==RadCalendarUtils.RENDERINCOLUMNS&&_c){

for

(i=0;i<this.Cols;i++){

var

_37=_2.rows[_36].cells[_14+i];

if

(this.isNumber(_37.innerHTML)){

_37.innerHTML=_15[i]; ///This is where I have the error.

Calendar

answered on 25 Mar 2013

1 answer

179 views

Disable Collapse in RadPivotGrid

Hey,

Help!! i need to disable the collapse in the pivot grid is that possible?!!
if not , can i customize the sum when i collapse to sum two columns only of three not all of them ?!

Thanks

PivotGrid

answered on 25 Mar 2013

4 answers

171 views

Change the rad splitter appearance

Hi,

I am trying to achive the splitter button as in the image file attached. Do i need to change the css for this

Splitter

answered on 25 Mar 2013

1 answer

111 views

Edit form in edititemtemplate is under boundaries of the control or sometime is not visible.

I am running into some strange issue with edit form in edititemtemplate of a grid.
Using edit form to insert new records and when the form appears its visible under the boundary of the grid only.
Or it will be under the grid which i will have to scroll to see because right under the grid is another grid.

This was working fine before i applied latest release of AJAX Controls but now the pop ups are hidden behind containers. and controls.



<telerik:RadGrid ID="CurrentSalesRepRadGrid" runat="server" CellSpacing="0" GridLines="None"
                            AllowAutomaticInserts="True" AutoGenerateColumns="False" DataSourceID="SalesRepSQLDS" style="z-index:9000">
                            <MasterTableView CommandItemDisplay="Top" DataSourceID="SalesRepSQLDS" EditMode="PopUp">
                                <CommandItemSettings ExportToPdfText="Export to PDF" AddNewRecordText="Take Over\Assign this Item" />
                                <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="True">
                                </RowIndicatorColumn>
                                <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True">
                                </ExpandCollapseColumn>
                                ...... Clolumns
                                <EditFormSettings EditFormType="Template" PopUpSettings-Width="700px">
                                    <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                                    </EditColumn>
                                    <FormTemplate>
                                        <table border="1" style="width: 458px">
                                            <tr>
                                                <td class="style2">
                                                    Select SalesRep :
                                                </td>
                                                <td>
                                                    <telerik:RadComboBox ID="SalesRepRadComboBox" runat="server" AutoPostBack="True"
                                                        DropDownWidth="700px" EnableItemCaching="True" EnableLoadOnDemand="True" EnableVirtualScrolling="True"
                                                        Height="190px" HighlightTemplatedItems="True" ItemRequestTimeout="500" OnItemsRequested="SalesRepRadComboBox_ItemsRequested"
                                                        OnLoad="SalesRepRadComboBox_Load" Text='<%# Session["userId"] %>' ShowMoreResultsBox="True"
                                                        Width="330px" OnSelectedIndexChanged="SalesRepRadComboBox_SelectedIndexChanged">
                                                        <CollapseAnimation Duration="200" Type="OutQuint" />
                                                        <HeaderTemplate>
                                                            <ul>
                                                                <li class="col0">ID</li>
                                                                <li class="col1">Name</li>
                                                                <li class="col2">e-Mail</li>
                                                                <li class="col3">Company</li>
                                                            </ul>
                                                        </HeaderTemplate>
                                                        <ItemTemplate>
                                                            <ul>
                                                                <li class="col0">
                                                                    <%# DataBinder.Eval(Container.DataItem, "UserId") %></li>
                                                                <li class="col1">
                                                                    <%# DataBinder.Eval(Container.DataItem, "FullName") %></li>
                                                                <li class="col2">
                                                                    <%# DataBinder.Eval(Container.DataItem, "email1") %></li>
                                                                <li class="col3">
                                                                    <%# DataBinder.Eval(Container.DataItem, "Account") %></li>
                                                            </ul>
                                                        </ItemTemplate>
                                                    </telerik:RadComboBox>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="style2">
                                                    Selected As SalesRep :
                                                </td>
                                                <td class="style2">
                                                    <asp:Label ID="SalesRepSelectedLabel" runat="server" OnLoad="SalesRepSelectedLabel_Load"></asp:Label>
                                                    <br />
                                                    <asp:Label ID="SalesRepLabel" runat="server" Text='<%# Bind("userId") %>' OnLoad="SalesRepLabel_Load2"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="style2">
                                                    Notes For Changing Sales Rep
                                                </td>
                                                <td>
                                                    <asp:TextBox ID="SalesRepChangingNotesTextBox" runat="server" Text='<%# Bind("Note") %>'
                                                        Height="51px" TextMode="MultiLine" Width="330px"></asp:TextBox>
                                                </td>
                                            </tr>
                                        </table>
                                        <asp:Button ID="Button1" runat="server" Text="Take over item" Width="100%" CommandName="PerformInsert"
                                            OnClick="Button1_Click2" />
                                        <br />
                                    </FormTemplate>
                                    <PopUpSettings Width="700px" />
                                </EditFormSettings>
                            </MasterTableView>
                            <FilterMenu EnableImageSprites="False">
                            </FilterMenu>
                        </telerik:RadGrid>

Grid

answered on 25 Mar 2013

1 answer

233 views

Load On Demand In RadGrid Scroll

I'm looking for an example on how to make RadGrid Load on demand in Scroll.....

Thank You....

Grid

answered on 25 Mar 2013