Questions on UI for ASP.NET AJAX Forum

3 answers

359 views

RadAjaxManager not updating all controls and not calling events (OnRequestStart/OnResponseEnd)

Hello

I am using the following code to perform Ajax on my ASP.NET Page:

<telerik:RadAjaxManager ID="ramDash" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1" >

<ClientEvents OnResponseEnd="responseEnd" OnRequestStart="responseStart"></ClientEvents>

<AjaxSettings

<telerik:AjaxSetting AjaxControlID="lvGrids">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="lvGrids" />

<telerik:AjaxUpdatedControl ControlID="lvListed" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel>

(...)

<div class="carousel">

<telerik:RadListView runat="server" ID="lvGrids" AllowPaging="true" OnItemDataBound="lvGrids_OnDataBound" DataKeyNames="GridID,Name,GridType" OnItemCommand="lvGrids_ItemCommand" OnNeedDataSource="lvGrids_NeedDataSouce">

<LayoutTemplate>

<ul>

<asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>

</ul>

</LayoutTemplate>

<ItemTemplate>

<li>

<!-- omitted for brevity -->

</li>

</ItemTemplate>

<SelectedItemTemplate>

<li>

</li>

</SelectedItemTemplate>

</telerik:RadListView>

</div>

(...)

<telerik:RadListView runat="server" ID="lvListed">

</telerik:RadListView>

Javascript:

function responseStart(sender, eventArgs) {

alert("test1");

}

function responseEnd(sender, eventArgs) {

alert("test2");

$(".carousel").jCarouselLite({

visible: 7,

scroll: 1,

circular: false,

btnNext: ".next",

btnPrev: ".prev"

});

}

I am using the "jCarouselLite" plugin to create a carousel effect and the "packery" JS component to create a sort of grid but they are not the problem. The problem is that the Ajax request/response is performed correctly as I can see using FireBug but the "responseStart" and "responseEnd" methods are not called and FireBug doesn't show any JS error.

I have tried putting the "ListView" (lvGrids) in an RadAjaxPanel and it works, because I can see the two alerts being: but the other ListView (lvListed) is not even updated (I can see the Ajax response and it doesn't include anything related to "lvListed". How can this be possible?

Thank you

Ajax

answered on 08 May 2014

6 answers

609 views

RadUpload Ajax callback error. Source url returned error: 500

Hello Telerik team

when I upload a document, instead of the progress bar, I get the following pop-up error message.

------------

RadUpload Ajax callback error. Source url returned error: 500

Internal Server Error

../../Telerik.RadUploadProgressHandler.ashx?RadUrid=8d310557-c6f8-4bc1-949e-cc930cbe29fd

Did you register the RadUploadProgressHandler in web.config?

----------

my aspx page resides inside sharepoint.

my web.config has the following entries:

                    </httpModules>         
            <add name="RadUploadModule" type="Telerik.WebControls.RadUploadHttpModule, RadUpload.Net2" />         
            </httpModules>         
                     
            <httpHandlers>         
            <add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />         
            <add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false" />         
                </httpHandlers>         

thanks for your help-

Roland

Upload (Obsolete)

answered on 08 May 2014

1 answer

272 views

Scroll Bars in Page View

So I think what I have is pretty straight forward. I have a tab strip with page views associated with each one. I have the scroll bars set to auto. They do not show up if the content stretches beyond the page. If I set the scroll bars to vertical they show but there is no way to scroll since the handle stretches the entire length of the bar. What do I have to do to make the scroll bars actually work?

<telerik:RadTabStrip SelectedIndex="0" ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1">

<Tabs>

<telerik:RadTab Text="Today" PageViewID="RadPageView1" runat="server" />

<telerik:RadTab Text="Personnel" PageViewID="RadPageView2" runat="server" />

<telerik:RadTab Text="Availability" PageViewID="RadPageView3" runat="server" />

<telerik:RadTab Text="Schedule" PageViewID="RadPageView4" runat="server" />

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" ScrollBars="Auto">

<telerik:RadPageView ID="RadPageView1" runat="server">

<uc1:TSTodayAlertControl ID="TSTodayAlert" runat="server" />

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView2" runat="server">

<uc2:TSUserInfoControl ID="TSUserInfo" runat="server" />

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView3" runat="server">

<uc3:TSAvailabilityControl ID="Availability" runat="server" />

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView4" runat="server">

<uc4:TSScheduleControl ID="Scheduling" runat="server" />

</telerik:RadPageView>

</telerik:RadMultiPage>

TabStrip

answered on 08 May 2014

1 answer

627 views

Change RadPivotGrid header information when data binding information

I have a pivot grid to show some information, kind of a report, where the user can select a dates, From and To, and have to show a master header with the year, and right below the months, depending on what the user select. Now I have the years, and the months showing as I want except that I am showing the month number, not the month year (ex: 1 instead of January). I want to show January instead of 1. Here is the code and I attach some pictures.

<telerik:RadPivotGrid ID="RadPivotGrid1" runat="server" Skin="Glow" OnNeedDataSource="RadPivotGrid1_OnNeedDataSource"

AllowFiltering="False" RowTableLayout="Tabular" AggregatesPosition="Columns" ShowColumnHeaderZone="False"

ShowDataHeaderZone="False" ShowRowHeaderZone="False" AllowPaging="True" PageSize="50" ShowFilterHeaderZone="false"

AggregatesLevel="2" TotalsSettings-ColumnGrandTotalsPosition="None" TotalsSettings-RowGrandTotalsPosition="Last" >

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

<Fields>

<telerik:PivotGridColumnField DataField="Year" UniqueName="Year" Caption="Year">

</telerik:PivotGridColumnField>

<telerik:PivotGridColumnField DataField="Month" UniqueName="Month" Caption="Month">

</telerik:PivotGridColumnField>

<telerik:PivotGridRowField DataField="DestinationName" UniqueName="DestinationName" Caption="Destination">

</telerik:PivotGridRowField>

<telerik:PivotGridAggregateField DataFormatString="{0:N0}" DataField="Teus" UniqueName="Teus" Caption="Teus">

<TotalFormat Axis="Rows" Level="0" SortOrder="Ascending" TotalFunction="NoCalculation" />

<HeaderCellTemplate>

<asp:Label ID="lblAggregateCellTEUS" Text="Calculated TEUS" runat="server" />

</HeaderCellTemplate>

</telerik:PivotGridAggregateField>

<telerik:PivotGridAggregateField DataFormatString="{0:C}" DataField="TotalCharge" UniqueName="TotalCharge" Caption="TotalCharge">

<TotalFormat Axis="Rows" Level="0" SortOrder="Ascending" TotalFunction="NoCalculation" />

<HeaderCellTemplate>

<asp:Label ID="lblAggregateCellTotalCharge" Text="Total Charges" runat="server" />

</HeaderCellTemplate>

</telerik:PivotGridAggregateField>

</Fields>

</telerik:RadPivotGrid>

Code behind:

private List<Result> LoadGridData()

{

var result = new List<Result>();

result.Add(new Result()

{

Year = 2014,

Month = 1,

DestinationName = "Miami, FL",

DestinationShortName = "MIA",

OriginName = "Miami, FL",

OriginShortName = "MIA",

TotalCharge = 100,

Teus = (decimal) 1.5

});

result.Add(new Result()

{

Year = 2013,

Month = 1,

DestinationName = "Miami, FL",

DestinationShortName = "MIA",

OriginName = "Miami, FL",

OriginShortName = "MIA",

TotalCharge = 100,

Teus = (decimal)1.5

});

result.Add(new Result()

{

Year = 2014,

Month = 2,

DestinationName = "Houston, Tx",

DestinationShortName = "Hou",

OriginName = "Miami, FL",

OriginShortName = "MIA",

TotalCharge = 80,

Teus = 2

});

result.Add(new Result()

{

Year = 2014,

Month = 1,

DestinationName = "Houston, Tx",

DestinationShortName = "Hou",

OriginName = "Miami, FL",

OriginShortName = "MIA",

TotalCharge = 80,

Teus = 2

});

return result;

}

protected void RadPivotGrid1_OnNeedDataSource(object sender, PivotGridNeedDataSourceEventArgs e)

{

RadPivotGrid1.DataSource = LoadGridData();

}

Any Help??

PivotGrid

answered on 08 May 2014

2 answers

337 views

Is it possible to open a word document in Rad Editor

Hi,

I have saved my word files in the database as blob file. When i open that file is it possible to open using rad editor
And provide a functionality to edit the document and save it back to database.

Thanks,
Nimmy

Editor

answered on 08 May 2014

1 answer

119 views

resizeToFit() in FireFox

Hi.

I am using this JS function on the client to resize the columns in a RadGrid located on a RadMultiPage. It works on FireFox as long as the Grid is "visible" i.e. in the active tab. If I do a post back from another Tab and then change back to the tab containing the Grid the MasterTableView has lost its width and the columns/headers are rendered inside the 0 px MasterTableView so they are not visible but they are there if i look at the html.

It works great on Chrome and IE but not on Firefox. Any ideas?

function ResizeGrid() {
    var grid = $find("<%= RadGrid1.ClientID %>");
    var masterTableView = grid.get_masterTableView();
    if (masterTableView) {
        var columns = masterTableView.get_columns();
        for (var i = 0; i < columns.length; i++) {
            columns[i].resizeToFit();
        }
    }
}

BR
Johan

Grid

answered on 08 May 2014

1 answer

62 views

Bug in filter demo

Please double check the filter dropdown for Is Promoted filed in http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/filtering/filter-templates/defaultcs.aspx
When you select "No" the option "Yes" disappears from the dropdown. Similar for "Yes" - "No" disappears.

Grid

answered on 08 May 2014

4 answers

218 views

Insert button does not show

In my radgrid I am using a template for the insert form. The followinf are th RadGrid properties I have implemented:

this._RadGrid1.Skin = "WebBlue";

this._RadGrid1.Width = Unit.Percentage(100);

this._RadGrid1.GridLines = GridLines.None;

this._RadGrid1.AutoGenerateColumns = false;

this._RadGrid1.AllowSorting = true;

this._RadGrid1.GridLines = GridLines.None;

this._RadGrid1.PageSize = 100;

this._RadGrid1.PagerStyle.Mode = GridPagerMode.NextPrevAndNumeric;

this._RadGrid1.AllowPaging = true;

this._RadGrid1.AllowSorting = true;

this._RadGrid1.ClientSettings.DataBinding.EnableCaching = true;

this._RadGrid1.EnableLinqExpressions = false;

this._RadGrid1.MasterTableView.NoMasterRecordsText = string.Format("There are no records");

this._RadGrid1.MasterTableView.Width = Unit.Percentage(100);

this._RadGrid1.MasterTableView.HierarchyDefaultExpanded = true;

this._RadGrid1.MasterTableView.DataKeyNames = new string[] { this._OrderTable.OrderIdColumn.ColumnName };

this._RadGrid1.MasterTableView.CommandItemSettings.ShowAddNewRecordButton = true;

this._RadGrid1.MasterTableView.CommandItemDisplay = GridCommandItemDisplay.Top;

this._RadGrid1.MasterTableView.CommandItemSettings.AddNewRecordText = "Add Order task";

this._RadGrid1.MasterTableView.AllowAutomaticInserts = false;

//this._RadGrid1.MasterTableView.EditFormSettings.UserControlName = "AddOrderTaskControl.ascx";

this._RadGrid1.MasterTableView.EditFormSettings.EditFormType = GridEditFormType.Template;

this._RadGrid1.MasterTableView.EditFormSettings.FormTemplate = new InsertFormTemplate(this._OrderRequestId, this._SourceSystemTypeId, false);

this._RadGrid1.InsertCommand += _RadGrid1_InsertCommand;

this._RadGrid1.ItemCommand += _RadGrid1_ItemCommand;

this._RadGrid1.NeedDataSource += RadGrid1_NeedDataSource;

ON click of Add New button, the template opens but it does not have a Insert/Cancel button.

Grid

answered on 08 May 2014

5 answers

276 views

barcode position using c#

Hi,
I have div that has barcode and QR. I want to control position of barcode and QR ( top , left , margin ) in code behind using c# because position coming from DB.
How can I do that ?
Thanks

Barcode

answered on 08 May 2014

10 answers

314 views

RadContentTemplateTile cursor

Hi,

I am using a RADContentTemplateTile on the home page on my website to provide snapshots. when the user clicks on them they navigate to the actual page.
I want to display a hand cursor when I hover over it so that the user knows that the tiles are clickable.

below is a declaration of my tile:

<telerik:RadContentTemplateTile ID="RadContentTemplateTile1" runat="server" Name="balancesTile"

Shape="Wide" NavigateUrl="~/balances/balancesummary.aspx?MenuID=2&id=0" Width="460px"

BorderStyle="None">

<ContentTemplate>

<b>Balances</b>

<p>

<bal:ucBalance ID="balanceSummary" runat="server" />

</p>

</ContentTemplate>

</telerik:RadContentTemplateTile>

Please suggest.

TileList