Questions on UI for ASP.NET AJAX Forum

8 answers

178 views

Stacked Bars with Horizontal orientation.

Dear Telerik hello,

i have a problem with the values, in Stacked Bar (Horizontal orientation). See Attached image.
Can i change the position of the values to the end of the second bar (with different color), like the example in the image??

How can i fix this??
ASAP please.

Thank you in advance for your time.

Best Regards,
George.
Navarino Technology Dept.

Chart (Obsolete)

answered on 10 Jan 2011

1 answer

65 views

Setting Selected Value Programically on Multiple RadComboBoxes and getting an ERROR when Submitting

I am trying to click a submit button after loading and pre-populating and pre-selecting a value of two radcomboboxes.

If I try it with this code: (the setting for the second radcombobox is: EnableAutomaticLoadOnDemand="True" )

<tr>

<td colspan="2"> <b> Supervisor Name </b></td>

<td colspan="3">

<asp:HiddenField ID="CRAFT_CODE_Textbox" runat="server" value="H" />

<asp:HiddenField ID="SUPV_ID_TextBox" runat="server" />

<br />

<telerik:RadComboBox ID="wcOfficerName" Runat="server"

DataSourceID="sdsOfficer" DataTextField="FULL_NAME"

DataValueField="SUPV_ID" EnableAutomaticLoadOnDemand="False"

EnableItemCaching="True" EnableLoadOnDemand="False"

EnableVirtualScrolling="False" Filter="StartsWith" ItemsPerRequest="-1"

MarkFirstMatch="False" Width="279px" ShowMoreResultsBox="False"

Skin="Office2007" LoadingMessage="Loading Please Wait..." EmptyMessage="Please Select Supervisor">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td colspan="2"> <b> Employee Name</b></td>

<td colspan="3">

<asp:HiddenField ID="EMPL_ID_TextBox" runat="server" />

<br />

<telerik:RadComboBox ID="wcEmployeeName" Runat="server"

DataSourceID="sdsEmployees" DataTextField="FULL_NAME"

DataValueField="PERSON_ID" EnableAutomaticLoadOnDemand="True"

EnableItemCaching="True" EnableLoadOnDemand="False"

EnableVirtualScrolling="False" Filter="StartsWith" ItemsPerRequest="-1"

MarkFirstMatch="False" Width="279px" ShowMoreResultsBox="False"

Skin="Office2007" LoadingMessage="Loading Please Wait..." EmptyMessage="Please Select Employee">

</telerik:RadComboBox>

<br />

</td>

</tr>

It works.

However if I change the second radcombobox setting to EnableAutomaticLoadOnDemand="False" then it errors out when I click the "submit" button.

For the error please see attached "error.jpg"

To set the selectedvalue of each rad box I use the following code in the page load event:

Me.wcEmployeeName.SelectedValue = dataset.Tables(0).Rows(0)(4)

Me.wcOfficerName.SelectedValue = dataset.Tables(0).Rows(0)(3)

Please help!

ComboBox

answered on 10 Jan 2011

2 answers

200 views

Muli-Row Headers supported by RadGrid?

    
            I currently am using a Repeater (below) and I want to replace it with a RadGrid control.  

            Can I create multi-row headers with a RadGrid control?  

            I have other more complex header that span rows etc., are they supported? 

                 <asp:Repeater ID="Repeater1" runat="server" EnableViewState="False">  
        
                        <HeaderTemplate> 
        
                            <p> 
        
                            <table width="95%" border="1" cellpadding="3" cellspacing="0">  
        
                            <thead> 
        
                                <tr class="colTitle">  
        
                                    <th colspan="5" align="center">  
        
                                        <br/> 
        
                                        <%# title%> 
        
                                        <br/> 
        
                                        <br/> 
        
                                        For: <%# reportMonthHeader%> 
        
                                        <br/> 
        
                                        <br/> 
        
                                        Process Date: <%# processDateHeader %> 
        
                                        <br/> 
        
                                        <br/> 
        
                                    </th> 
        
                                </tr> 
        
                                <tr class="colTitle">  
        
                                    <th style="font-size: xx-small;" align="center" valign="bottom">  
        
                                        Contract ID  
        
                                    </th> 
        
                                    <th style="font-size: xx-small;" align="center" valign="bottom">  
        
                                        Contract Name  
        
                                    </th> 
        
                                    <th style="font-size: xx-small;" align="center" valign="bottom">  
        
                                        Total Number of Transactions Sent  
        
                                    </th> 
        
                                    <th style="font-size: xx-small;" align="center" valign="bottom">  
        
                                        Total Number of Transactions Received on Time  
        
                                    </th> 
        
                                    <th style="font-size: xx-small;" align="center" valign="bottom">  
        
                                        Percent of Transactions Received on Time  
        
                                    </th> 
        
                                </tr> 
        
                                <tr class="colTitle">  
        
                                    <th style="font-size: xx-small;" align="center" valign="bottom">  
        
                                        A  
        
                                    </th> 
        
                                    <th style="font-size: xx-small;" align="center" valign="bottom">  
        
                                        B  
        
                                    </th> 
        
                                    <th style="font-size: xx-small;" align="center" valign="bottom">  
        
                                        C  
        
                                    </th> 
        
                                    <th style="font-size: xx-small;" align="center" valign="bottom">  
        
                                        D  
        
                                    </th> 
        
                                    <th style="font-size: xx-small;" align="center" valign="bottom">  
        
                                        E  
        
                                    </th> 
        
                                </tr> 
        
                            </thead> 
        
                            <tbody>                      
        
                        </HeaderTemplate> 
        
                        <ItemTemplate> 
        
                            <tr class="<%# Container.ItemIndex % 2 == 0 ? "tblalt" : "" %>">  
        
                                <td width="15%" style="font-size: xx-small;" align="center" valign="middle">  
        
                                    <%# DataBinder.Eval(Container.DataItem, "ContractId")%> 
        
                                </td> 
        
                                <td width="40%" style="font-size: xx-small;" align="center" valign="middle">  
        
                                    <%# DataBinder.Eval(Container.DataItem, "ContractName")%> 
        
                                </td> 
        
                                <td width="15%" style="font-size: xx-small;" align="center" valign="middle">  
        
                                    <%# DataBinder.Eval(Container.DataItem, "TotEnrollSent")%> 
        
                                </td> 
        
                                <td width="15%" style="font-size: xx-small;" align="center" valign="middle">  
        
                                    <%# DataBinder.Eval(Container.DataItem, "TotRcvdOnTime")%> 
        
                                </td> 
        
                                <td width="15%" align="center" valign="middle" style='<%#  (bool)(DataBinder.Eval(Container.DataItem, "HighlightPctRcvdOnTime"))?"font-size:xx-small;font-weight:bold;color:red;text-decoration:underline;":"font-size: xx-small;"%>'>  
        
                                     <%# DataBinder.Eval(Container.DataItem, "PctRcvdOnTime")%> 
        
                                </td> 
        
                            </tr> 
        
                        </ItemTemplate> 
        
                        <FooterTemplate> 
        
                            </tbody> 
        
                            </table> 
        
                            </p> 
        
                        </FooterTemplate> 
        
                    </asp:Repeater>

Grid

answered on 10 Jan 2011

3 answers

55 views

New handle for enter key never completes loading

In attempting to make the enter key simulate a click on a button I used the following as a reference: http://www.telerik.com/community/forums/aspnet-ajax/ajax/defaultbutton-and-radajaxpanel.aspx

I put the javascript in a RadCodeBlock and set the body's onkeydown event to call it. Now the form just keeps loading and never completes.
Here is the entire code (it isn't very large) The button is on a RadAjaxPanel in the referenced SearchControl.
<!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 id="HeadSearch" runat="server">
    <title>General Search</title>
   ...
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
    function keyDown(e)
    {
        if(e.keyCode == 13)
        {
            var ajaxPanel = $find("<%= RadAjaxPanelSearch.ClientID %>");
            var searchButton = $find("<%= ButtonSearch.ClientID %>");
            searchButton.click();
        }
    }
    </script>
    </telerik:RadCodeBlock>
</head>
<body onkeydown="keyDown(event);" onload="hideLoading();">
    <form id="FormSearch" runat="server">
    <telerik:RadScriptManager ID="RadScriptManagerPage" runat="server" OnAsyncPostBackError="RadScriptManagerPage_AsyncPostBackError"
        EnableScriptCombine="true" OutputCompression="AutoDetect" EnablePageMethods="true">
        <Scripts>
            <asp:ScriptReference Path="~/Scripts/M5.js" NotifyScriptLoaded="true" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <asp:Panel ID="PanelGeneralSearch" runat="server" CssClass="headingPanel" TabIndex="-1"
        BorderWidth="0" BorderStyle="None">
        <asp:Label ID="HeadingLabel" runat="server" CssClass="headingLabel" TabIndex="-1"></asp:Label>
        <table class="pageContainer">
            <tr>
                <td valign="top">
                    <uc1:SearchControl ID="SearchControl" runat="server" />
                </td>
            </tr>
        </table>
    </asp:Panel>
    </form>
</body>
</html>

old code:
   ...
    <script type="text/javascript">
        function CheckKey() {
            if (event.keyCode == 13) {

                return false;
            }
            return true;
        }

    </script>
   ...
<body onkeydown="return CheckKey(event);" onload="hideLoading();">

Ajax

answered on 10 Jan 2011

1 answer

60 views

Rad Doc zones getting dissappeared when used on Master Page

Hi,

Scenario:
7 Rad Doc Zones and Panels on Master Page
RadMenu on Master Page
One .Net Dropdown List on Master Page

Browser IE 7 +

Issue
Rad Doc Panels gets dissappeard (Stays on the page but are not visible) when we click or do roll over on RadMenu or Drop down list in Runtime.
There is no code written on Click or Roll over events of the RadMenu or Dropdown list.

This problem is not reproduced on any other browsers like Google Chrome, Mozzila, but is Internet Explorer Browser Specific.

What could be the problem.

Dock

answered on 10 Jan 2011

1 answer

272 views

MicrosoftAjax.js

hello
I am trying to reduce the bandwidth used by my web application. A couple of month ago, i noticed that MicrosoftAjax.js was sent to the client browser in for all pages. I prevent that by publishing my web application in release mode and specify in the web.config/compilation debug=false. But since i upgrade to Telerik 2010 Q3, MicrosoftAjax.js is send again. Do you use this javascript file in telerik components? and is it possible not to include it in the pages sent to the client web browser ?

thanks for your help
sebastien

ScriptManager and StyleSheetManager

answered on 10 Jan 2011

1 answer

77 views

Reference to unknown script element in grid

I have button on a page in a user control that captures the current screen html, converts it to PDF format and pops up an asp.net form that simulates a new email form with the PDF document attached allowing the user to email a screen print of the current page. This is done by rendering the page twice, once for the PDF creation and then again to rerender the page to the screen. This works fine with non ajax controls, and with ajax controls I simply need to register the script control with the RadScriptManager in the OnPreRender event.

However when I try to do this with a page that has a RadGrid on it I get an issue that I have been unable to resolve. I have enabled ContextFilterMenu oand FilteringByColumn for the grid. One of the columns in the grid is called Order_Qty with a unique name of ColOrder_Qty.

When I try to render the RadGrid For the PDF creation I get the following error:-
Script control 'RNTBF_ColOrder_Qty' is not a registered script control. Script controls must be registered using RegisterScriptControl() before calling RegisterScriptDescriptors(). Parameter name: scriptControl

So my question is, What is this RNTBF_ColOrder_Qty script control, and mores to the point how do I get a reference to it in order to be able to register it with the RadScriptManger prior to rendering?

Stuart Watton

Grid

answered on 10 Jan 2011

3 answers

321 views

chartimage.axd error in IIS

Hi ,

i am using rad chart control in my application.it is working fine when developement
but after given the build in IIS i am getting error- HTTP 404.0 -Not Found
please refer screen shot and let me know the solution

Chart (Obsolete)

answered on 10 Jan 2011

1 answer

68 views

Radgrid pagesize event

Hi All

I have a function that resizes a grid page size when the page has loaded,
I have used the "OnClientLoad" event of the main page splitter to fire this function.

However when the function uses an ajax request i get the following error:
Line 24610
Error this_tooltips.length is null or not an object
(I have attached a screen Shot)

This is the code:
Java:

function gridPsize() {

var h1 = $find("<%= RadSplitter5.ClientID %>").get_height();

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("Grid1PageSize" + h1);

}

Vb Code

Protected Sub RadAjaxManager1_AjaxRequest(ByVal sender As Object, ByVal e As Telerik.Web.UI.AjaxRequestEventArgs) Handles RadAjaxManager1.AjaxRequest

If Left(e.Argument, 13) = "Grid1PageSize" Then

'Set Radgrid1 page size

Dim pHeight As Integer = CInt(Right(e.Argument, Len(e.Argument) - 13))

Dim rows As Double = (pHeight - 110) / 30

If rows >= 1 Then

RadGrid1.PageSize = CInt(rows)

RadGrid1.Rebind()

End If

End Sub

The Problem does not occur on initial load of the page, It seems to occur on a re-query of the Grid? But not all the time.
I was wondering if it was related to mouse position on the grid as i have tooltips coded to the grid's ItemDataBound Event, The tooltips were in the ItemCreated Event but i moved them to see if it would cure the problem.

If anyone could shed any light on this it would be most appriciated.

Many Thanks

Regards

Darren

Ajax

answered on 10 Jan 2011

1 answer

155 views

RadTreeView - Multiple Selection for IE, Chrome and FF

Hello,

I use the following code to enable multiple selection in the radtreeview. The code only works in IE and not in Chrome or FireFox.
Could someone help me with this issue?

Code:

<telerik:RadCodeBlock ID="cb1" runat="server">

   <script language="javascript" type="text/javascript">

   var RadTreeIsMultiSelecting = false;

   function CommitTree(e)
   {
   if (!e.ctlrKey | !e.shiftKey)
   {
   if (RadTreeIsMultiSelecting)
   {
   var aMan = $find("<%= ajMan.ClientID %>");
   aMan.ajaxRequest("RadTree");

   }
   }
   }

   function RadTreeClicked(sender, args)
   {
   RadTreeIsMultiSelecting = args._domEvent.ctrlKey | args._domEvent.shiftKey;
   var tree = $find("<%= RadTree.ClientID %>");
   tree.commitChanges();
   }


   </script>

   </telerik:RadCodeBlock>

TreeView

answered on 10 Jan 2011