Questions on UI for ASP.NET AJAX Forum

2 answers

7.2K+ views

Hi i need to display the count of rows of the grid in the top of my page. I used the follg code. but it shows the count of that page alone. i want all the rows irrespective of the pages. and i also need to display the pages co9unt. pls help me
protected void gridViewPograms_ItemDataBound(object sender, GridItemEventArgs e)
        {
            int i = gridViewPograms.Items.Count;
            labelCount.Text = i.ToString();
        }

Thanks,
Jeevitha

Grid

answered on 01 Aug 2014

1 answer

256 views

Rad Menu Item Align centre

Hi

Im having a problem aligning my submenu text.

Its not inheriting the same style as the menu.

<telerik:RadMenu ID="Menu" class="menu" runat="server" Flow="Vertical"
width="270px" ExpandAnimation-Duration="300" EnableEmbeddedSkins="False"
ForeColor="Black" >

<Items>
<telerik:RadMenuItem runat="server" Text="Some Text" Height="40px" Font-Size="16px"
Font-Bold="true" ImageUrl="images/Sphere.png" NavigateUrl="~/Some Text.aspx" >
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Some Text" Height="40px" Font-Size="16px"
Font-Bold="true" ImageUrl="images/Sphere.png" NavigateUrl="~/Some Text.aspx" >
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Some Text" Height="40px" Font-Size="16px"
Font-Bold="true" ImageUrl="images/Sphere.png" NavigateUrl="~/Some Text.aspx" >
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Some Text" Height="40px" Font-Size="16px"
Font-Bold="true" ImageUrl="images/Sphere.png" NavigateUrl="~/Some Text.aspx">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Some Text" Height="40px" Font-Size="16px"
Font-Bold="true" ImageUrl="images/Sphere.png" NavigateUrl="~/Some Text.aspx">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Some Text" Height="40px"
Font-Size="16px" Font-Bold="true" ImageUrl="images/Sphere.png" >
<Items>
<telerik:RadMenuItem runat="server" Text="Some Text" Height="40px"
Font-Size="16px" Font-Bold="true" ImageUrl="images/Sphere.png"
NavigateUrl="~/Some Text.aspx" >
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Some Text" Height="40px"
Font-Size="16px" Font-Bold="true" ImageUrl="images/Sphere.png"
NavigateUrl="~/Some Text.aspx">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Some Text" Height="40px"
Font-Size="16px" Font-Bold="true" ImageUrl="images/Sphere.png"
NavigateUrl="~/Some Text.aspx" >
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Some Text" Height="40px"
Font-Size="16px" Font-Bold="true" ImageUrl="images/Sphere.png"
NavigateUrl="~/Some Text.aspx" >
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Some Text" Height="40px"
Font-Size="16px" Font-Bold="true" ImageUrl="images/Sphere.png"
NavigateUrl="~/Some Text.aspx" >
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Some Text" Height="40px"
Font-Size="16px" Font-Bold="true" ImageUrl="images/Sphere.png"
NavigateUrl="~/Some Text.aspx" >
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Some Text" Height="40px"
Font-Size="16px" Font-Bold="true" ImageUrl="images/Sphere.png"
Target = "_blank" NavigateUrl="~/Some Text.aspx" >

</telerik:RadMenuItem>

When I hover iver the last tab, it displays a new tab but the text is not correctly aligned

Your help would be much appreciated.

Grant

Menu

answered on 01 Aug 2014

1 answer

132 views

Increase Perforance of rad grid

<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All"

EnableRoundedCorners="false" />

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid" LoadingPanelID="RadAjaxLoadingPanel1">

</telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Office2010Blue">

</telerik:RadAjaxLoadingPanel>

<telerik:RadGrid ID="RadGrid" runat="server"

AllowSorting="True" AllowPaging="True" AutoGenerateColumns="False"

AllowFilteringByColumn="True" CellSpacing="0" GridLines="None"

HeaderStyle-Font-Bold="true" DataSourceID="SqlDataSource1"

Skin="Web20" OnNeedDataSource="RadGridt_NeedDataSource" ShowGroupPanel="True"

OnColumnCreated="RadGrid_ColumnCreated">

<MasterTableView DataKeyNames="Clien" DataSourceID="SqlDataSource1">

<Columns>

<telerik:GridBoundColumn DataField="Employee" HeaderText="Employee "></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Client" HeaderText="Client "></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Month" HeaderText="Month " AllowFiltering="false"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cost" HeaderText=" Cost" AllowFiltering="false"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Hours" HeaderText=" Hours" AllowFiltering="false"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings AllowDragToGroup="True" />

<HeaderStyle Font-Bold="True"></HeaderStyle>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ss%>"

SelectCommand="SelectSummary"

SelectCommandType="StoredProcedure"></asp:SqlDataSource>

This is my code .
is their anything else that can increse sorting,drag drop ,paging performance.

Grid

answered on 01 Aug 2014

12 answers

221 views

RadGrid Exporting causes CommandItem to be Exported too

I am attempting to export from a RadGrid and instead of getting a nice exported graph, I get a graph that has the Command Item bar attached to it. IT has the 4 export buttons as well. It posts all the buttons and has mouseover text on the sortable columns saying, 'click to sort'. It also prints out the hyper links and attempts to display the images from the webpage. It then also prints the boxes for the filtering and the text that would be included were you to filter this graph beforehand.

The weird thing is that I have two RadGrids on this same page and one works perfectly while this one doesn't.

For reference, the image of the broken one can be seen on imgur here: http://i.imgur.com/KKtITTX.png

I have attempted the following things:

Protected Sub rgvSection_ItemCommand(ByVal sender As Object, ByVal e As GridCommandEventArgs)

If e.CommandName = RadGrid.ExportToWordCommandName Then

For Each item As GridCommandItem In e.Item.OwnerTableView.GetItems(GridItemType.CommandItem)

item.Visible = False

Next

End If

End Sub

This had no change whatsoever.

Attempted:

<ExportSettings ExportOnlyData="true"></ExportSettings>

Also had no effect. I swear that I have done multiple graphs on the same page exporting just fine. Not really sure what I'm running into here. Any feedback is well appreciated!

Grid

answered on 01 Aug 2014

6 answers

555 views

Multiple File Upload and Custom Handler

Hi,
I trying to build a custom handler, becouse I dont want to use temporary folder, and use multiple file upload with rad async upload but I dont understand how to do.
I read over net that isn't possible...some ideas?

AsyncUpload

answered on 01 Aug 2014

1 answer

100 views

Tooltip position in Chrome

Please find the attachments

In IE tooltip is showing in correct place but when comes to chrome tooltip showing somewhere else

Chart (HTML5)

answered on 01 Aug 2014

4 answers

1.5K+ views

How to use RadAjaxManagerProxy

I have a page with 2 radgrid controls. On pages where I have only one RadGrid, I use RadAjaxManager on the grid control and it works good. But Here where I have 2 grids on same page, and using RadAjaxManager on each grid, I saw a couple of issues like sorting not working. So i read about the RadAjaxManagerProxy. I gave it a try but failed.

On the main page I added the RadAjaxManager as follows:

protected override void OnPreRender(EventArgs e)

{

base.OnPreRender(e);

RadAjaxManager manager = new RadAjaxManager();

manager.ID = "RadAjaxManager1";

manager.AjaxSettings.AddAjaxSetting(_BANCtrl, _UpdatePanel);

manager.AjaxSettings.AddAjaxSetting(_DocumentCtrl, _UpdatePanel);

this._FsMain.Controls.Add(manager);

}

Both the _BANCtrl and _DocumentCtrl are added to an Update panel. Next in the _BANCtrl, I add the proxy as follows:

protected override void OnPreRender(EventArgs e)

{

base.OnPreRender(e);

radProxy.ID = "RadAjaxManagerProxy1";

radProxy.AjaxSettings.AddAjaxSetting(this._AssignBanGrid, _Panel);

}

I have a similar thing on _DocumentCtrl also. But it doesnt work. When I sort, i get an error as follows:
Uncaught TypeError: Cannot set property 'control' of undefined. I am sure I have not set the RadAjaxManagerProxy and RadAjaxManager correctly.

Grid

answered on 01 Aug 2014

1 answer

106 views

Possible cause on Calcualted Item null reference?

Dear Telerik,

I'm trying to do an Year-On-Year comparison and I thought that creating a calculateditem will be the way of doing it (similar to this demo). However, I get the error of "Object reference not set to an instance of an object" I wonder what might be the potential cause?

Here's an extraction of the code I have and snapshot to show the grid structure.

<telerik:RadPivotGrid ID="RadPivotGrid_DataView" runat="server" Height="100%" AllowSorting="True" OnItemCommand="RadPivotGrid_DataView_ItemCommand" OnCellCreated="RadPivotGrid_DataView_CellCreated" DataSourceID="Sql_Contract_Details" EnableToolTips="True" EnableZoneContextMenu="True" EnableConfigurationPanel="True" OnFieldCreated="RadPivotGrid_DataView_FieldCreated" Skin="Office2010Blue" OnCellDataBound="RadPivotGrid_DataView_CellDataBound" Culture="en-GB" OnItemNeedCalculation="RadPivotGrid_DataView_ItemNeedCalculation" AllowPaging="True" PageSize="30" AggregatesLevel="1">

<FieldsPopupSettings AggregateFieldsMinCount="1" />

<PagerStyle ChangePageSizeButtonToolTip="Change Page Size" PageSizeControlType="RadComboBox" />

<OlapSettings>

<XmlaConnectionSettings></XmlaConnectionSettings>

</OlapSettings>

<Fields>

<telerik:PivotGridReportFilterField Caption="Meeting Class" DataField="MeetingClass" UniqueName="MeetingClass" IsHidden="false">

</telerik:PivotGridReportFilterField>

<telerik:PivotGridReportFilterField Caption="Event Type" DataField="EventType" UniqueName="EventType" IsHidden="false">

</telerik:PivotGridReportFilterField>

<telerik:PivotGridReportFilterField Caption="M&E Cluster" DataField="M_and_E_Cluster" UniqueName="M_and_E_Cluster" IsHidden="false">

</telerik:PivotGridReportFilterField>

<telerik:PivotGridReportFilterField Caption="Source Group" DataField="LeadSource" UniqueName="LeadSource" IsHidden="false">

</telerik:PivotGridReportFilterField>

<telerik:PivotGridColumnField Caption="Creation Year" SortOrder="Descending" DataField="CreatedDate" GroupInterval="Year" UniqueName="CreationDateYear" IsHidden="false">

<%--THIS CAUSES "Object reference not set to an instance of an object" ERROR

<CalculatedItems>

<telerik:PivotGridCalculatedItem GroupName="Forecast for 1999"></telerik:PivotGridCalculatedItem>

</CalculatedItems>

--%>

</telerik:PivotGridColumnField>

<telerik:PivotGridRowField Caption="Creation Month" DataField="CreatedDate" GroupInterval="Month" UniqueName="CreationDateMonth" IsHidden="false">

</telerik:PivotGridRowField>

<telerik:PivotGridColumnField Caption="Arrival Year" SortOrder="Descending" DataField="EventStartDate" GroupInterval="Year" UniqueName="ArrivalYear" IsHidden="true">

</telerik:PivotGridColumnField>

<telerik:PivotGridRowField Caption="Arrival Month" DataField="EventStartDate" GroupInterval="Month" UniqueName="ArrivalMonth" IsHidden="true">

</telerik:PivotGridRowField>

<telerik:PivotGridRowField Caption="Status" DataField="StatusText" UniqueName="StatusText" IsHidden="false" SortOrder="None">

<CalculatedItems>

<telerik:PivotGridCalculatedItem GroupName="Total Exc TD"></telerik:PivotGridCalculatedItem>

<telerik:PivotGridCalculatedItem GroupName="Total"></telerik:PivotGridCalculatedItem>

<telerik:PivotGridCalculatedItem GroupName="Conversion % Exc TD"></telerik:PivotGridCalculatedItem>

<telerik:PivotGridCalculatedItem GroupName="Conversion %"></telerik:PivotGridCalculatedItem>

</CalculatedItems>

</telerik:PivotGridRowField>

<telerik:PivotGridAggregateField DataField="RecordCount" Aggregate="Count" Caption="Enquiries" IsHidden="false">

</telerik:PivotGridAggregateField>

<telerik:PivotGridAggregateField DataField="TotalFunctionRevenue" Aggregate="Sum" Caption="Revenue" IsHidden="false" DataFormatString="{0:C0}">

</telerik:PivotGridAggregateField>

<telerik:PivotGridAggregateField DataField="TotalFunctionRevenue" Aggregate="Average" Caption="Average Revenue" IsHidden="false" DataFormatString="{0:C0}">

</telerik:PivotGridAggregateField>

<telerik:PivotGridAggregateField DataField="RecordCount" Caption="YOY" IsHidden="false">

<TotalFormat Axis="Columns" TotalFunction="DifferenceFromPrevious" />

</telerik:PivotGridAggregateField>

</Fields>

<ClientSettings EnableFieldsDragDrop="True">

<Scrolling AllowVerticalScroll="True"></Scrolling>

</ClientSettings>

<TotalsSettings RowsSubTotalsPosition="None" RowGrandTotalsPosition="None" ColumnsSubTotalsPosition="None" ColumnGrandTotalsPosition="None"></TotalsSettings>

<ConfigurationPanelSettings EnableOlapTreeViewLoadOnDemand="True" DefaultDeferedLayoutUpdate="True" LayoutType="OneByFour"></ConfigurationPanelSettings>

</telerik:RadPivotGrid>

Many Thanks.

PivotGrid

answered on 01 Aug 2014

2 answers

329 views

[Solved] Adding Items Dynamically to combobox

Hi Gents,

I am currently experiencing the following problem.

I allow a user to dynamically add values to a dropdown using the following.

1.<asp:DropDownList ID="ddlPrevelantHomeLanguage" runat="server" DataValueField="LanguageID"

2. DataTextField="Description" />

01.// Add Language function

02. function OnClientCloseLanguage(oWnd, args) {

03. //get the transferred arguments

04. var arg = args.get_argument();

05. if (arg) {

06. var language = arg.language;

07.

08. var data = JSON.stringify({

09. language: language

10. });

11.

12. $.ajax({

13. type: "POST",

14. url: "Source.aspx/AddLanguage",

15. data: data,

16. contentType: "application/json; charset=utf-8",

17. dataType: "json",

18. success: function (msg) {

19. var result = msg.d;

20. var langaugeDropDown = $('#<%= ddlPrevelantHomeLanguage.ClientID %>');

21. langaugeDropDown.append($('<option value="' + result + '">' + language + '</option>'));

22. },

23. error: function (xhr, error) {

24. radalert("<strong>An Error occured when adding the language.</strong>", 225, 100, "Error", "");

25. }

26. });

27. }

28. }

This then goes to a web method which returns me the Id of the added language which i subsequently append to a dropdown on the page. This dropdown exists within a RadAjaxpanel

01./// <summary>

02. /// Adds the language.

03. /// </summary>

04. /// <param name="language">The language.</param>

05. /// <returns></returns>

06. [WebMethod]

07. public static int AddLanguage(string language)

08. {

09. MarketingDao staticMarketingDao = DataAccessFactory.Create<MarketingDao>();

10.

11. Language entityLanguage = new Language();

12. entityLanguage.Description = language;

13.

14. staticMarketingDao.Insert<Language>(entityLanguage);

15. staticMarketingDao.SubmitChanges();

16.

17. return entityLanguage.LanguageId;

18. }

However when i attempt to save my page, the selected value in the Language dropdown is "", i believe this is due to the server (viewstate) not knowing about the language that was added on the clientside.

If i use the Telerik DropDownList control will i be able to overcome this problem as i need some assistance

Kind Regards

Ajax

answered on 01 Aug 2014

1 answer

169 views

Incompatibility between Chrome and IE

Hello,

I am working on a project with a RadMenu.
After I updated Telerik to the latest version (2014 q2 sp1), design problems started to appear in Internet Explorer version 11:
(in Chrome everything works fine)

In IE11, I experience the following problems:

The image before the caption is not in place.
The text inside the button is not in place.
The text within the text–box is located lower than it should.

How do I solve these problems, so that the design will look nice in both Chrome and Internet Explorer?

[Video of Chrome - design as it’s should be]
[Video of IE – design problems]

Thanks,
Daniel.

Menu

answered on 01 Aug 2014