Questions on UI for ASP.NET AJAX Forum

3 answers

100 views

RadAsyncUpload not working inside RadPanelItem <Items>

Hello
i have this following code...

if the RadAsyncUpload runat is put inside

<telerik:RadPanelItem Expanded="False" Text="Mat" >
                <ItemTemplate>

                </ItemTemplate>
            </telerik:RadPanelItem>

It doe not work!!

can you help me?

<asp:ScriptManager runat="server"></asp:ScriptManager>

<telerik:RadPanelBar runat="server" ID="RadPanelBar1" Width="100%" Skin="Silk">

<Items>

<telerik:RadPanelItem Expanded="True" Text="General Info" runat="server" Selected="true" Value="GeneralInfo">

<Items>

<telerik:RadPanelItem runat="server">

<ItemTemplate>

uao! this is expandable

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Expanded="True" Text="General Info" runat="server" Selected="true" Value="GeneralInfo">

<Items>

<telerik:RadPanelItem runat="server">

<ItemTemplate>

uao! this is expandable BUT upload does not work!

<div style="padding-bottom: 10px; padding-top: 10px;">

<asp:Button ID="btnDummy" runat="server" onclick="BtnUploadfileClick" style="display: none;" />

<telerik:RadAsyncUpload runat="server" ID="radUploader"

MultipleFileSelection="Disabled"

OnClientFileUploaded="OnClientFileUploaded"

OnFileUploaded="RadAsyncUploadFileUploaded">

</telerik:RadAsyncUpload>

<div class="mercurio-filesize" id="divContentSize" runat="server"></div>

<div class="mercurio-fileuploaderror" id="divErrorContentHolder" runat="server"></div>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

function OnClientFileUploaded(sender, args) {

document.getElementById("<%= GetDummyId() %>").click();

}

</script>

</telerik:RadScriptBlock>

</div>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Expanded="False" Text="Mat" >

<ItemTemplate>

uao! this is NOT expandable BUT upload WORKS CORRECTLY

<div style="padding-bottom: 10px; padding-top: 10px;">

<asp:Button ID="btnDummy" runat="server" onclick="BtnUploadfileClick" style="display: none;" />

<telerik:RadAsyncUpload runat="server" ID="radUploader"

MultipleFileSelection="Disabled"

OnClientFileUploaded="OnClientFileUploaded2"

OnFileUploaded="RadAsyncUploadFileUploaded">

</telerik:RadAsyncUpload>

<div class="mercurio-filesize" id="divContentSize" runat="server"></div>

<div class="mercurio-fileuploaderror" id="divErrorContentHolder" runat="server"></div>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

function OnClientFileUploaded2(sender, args) {

document.getElementById("<%= GetDummyId2() %>").click();

}

</script>

</telerik:RadScriptBlock>

</div>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

General Discussions

answered on 05 Feb 2014

7 answers

620 views

Remove cell tooltip shown in datepicker

How to remove cell tooltip shown in datepicker which is shown by default?

Calendar

answered on 05 Feb 2014

10 answers

473 views

Export grid to Excel - Master Page with RadAjaxManager, Content Page with RadAjaxManagerProxy

Hi there,

Sorry, previously posted this to the wrong forum because the treeview that lists the forums truncates the top level name so you've got "RadControls for ASP.NE.." and "RadControls for ASP.NET"; I picked the wrong one. :(

Anyway...

I have a page with a grid and an 'export to Excel' button. Until recently the page was a standalone page with RadAjaxManager on it. Everything worked perfectly using the manager's OnRequestStart client-side event to set EnableAjax to false for the export button.

I've since converted the page to a Content page, removed the RadAjaxManager and placed it on the Master Page, and placed a RadAjaxManagerProxy on the Content page.

Now when I click the export button nothing happens.

I've kept the OnRequestStart code for the RadAjaxManager on the Master Page, but it's not getting called. I suspect I need to do something with the proxy on the Content page when the export button is clicked, but I can't find any information about this in any postings on this forum.

Can you point me in the right direction?

Many thanks in advance,
Rob

Grid

answered on 05 Feb 2014

0 answers

64 views

how to use blob array in asp.net

The oracle data base using datatype blob array, I using byte[ ][ ] how to set the byte array size in asp.net code behind
In case mention the byte array size I got the Error {ORA-00600: internal error code, arguments: [15419], [severe error during PL/SQL execution], [], [], [], [], [], [], [], [], [], []

ORA-06544: PL/SQL: internal error, arguments: [78502], [], [], [], [], [], [], []

ORA-06553: PLS-801: internal error [78502]}
help me..

General Discussions

asked on 05 Feb 2014

1 answer

54 views

Filtering grid using multiples values from radcombobox

I have a column with a filter. I want user to select multiples values and filter the radgrid. Is that possible?
Thank you

Grid

answered on 05 Feb 2014

1 answer

82 views

radgrid with lots of checkboxes = high cpu

i have radgrid which has a lot of checkboxes (14 in a row * 120 records = 1680)

cpu gets high, to about 60%, but only after i do first postback.
after i do postback checkboxes appear smaller first, then browser freezes for a couple of seconds and checkboxes become big.
so i think this is the problem, is some skin applied to checkboxes in radgrid which is slowing it down client side?

is there any tool in firebug or such which lets me check what is causing high cpu on page ?

Grid

answered on 05 Feb 2014

5 answers

2.7K+ views

Get Row values in RadGrid?

Hello Gurus,

Here i have attached both GridView and RadGrid. Here getting the row values working in normal Gridview, but it is not working in RadGrid.

(i do not want to get it through through row click, when i click on the button it should be called.)

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ 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></title>
<script type = "text/javascript">
function GetSelectedRow(lnk) {
var row = lnk.parentNode.parentNode;
var rowIndex = row.rowIndex - 1;
var customerId = row.cells[0].innerHTML;
var city = row.cells[1].getElementsByTagName("input")[0].value;
alert("RowIndex: " + rowIndex + " CustomerId: " + customerId + " City:" + city);
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server"><asp:ScriptManager ID="Sc1" runat="server"></asp:ScriptManager><asp:GridView ID="gvCustomers" runat="server" AutoGenerateColumns = "false" AllowPaging = "true" OnPageIndexChanging = "PageIndexChanging">
<Columns>
<asp:BoundField DataField = "CustomerID" HeaderText = "CustomerID" />
<asp:TemplateField HeaderText = "City">
<ItemTemplate>
<asp:TextBox ID="txtCity" runat="server" Text = '<%# Eval("City") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:LinkButton ID="lnkSelect" runat="server" Text="Select" CommandName = "Select" OnClientClick = "return GetSelectedRow(this)" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView><telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="false" Width="97%">

<PagerStyle Mode="NumericPages"></PagerStyle>
<MasterTableView AutoGenerateColumns="False"
Width="100%" CommandItemDisplay="Top" PageSize="5">
<Columns>

<telerik:GridTemplateColumn UniqueName="TemplateEditColumn">
<ItemTemplate>
<asp:TextBox ID="txtCity" runat="server" Text = '<%# Eval("City") %>'></asp:TextBox>
</ItemTemplate>
</telerik:GridTemplateColumn><telerik:GridTemplateColumn UniqueName="TemplateEditColumn">
<ItemTemplate>
<asp:LinkButton ID="lnkSelect" runat="server" Text="Select" CommandName = "Select" OnClientClick = "return GetSelectedRow(this)" />
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>

</MasterTableView>

</telerik:RadGrid></form>
</body>
</html>

In telerik:I tried this example,but it dont work.

http://www.telerik.com/help/aspnet-ajax/grid-getting-cell-values-for-selected-rows-client-side.html

Help with this.

Thanks in Advance.

Grid

answered on 05 Feb 2014

2 answers

137 views

Hepl Please :) RADGrid CSS-bottom-border disappears

Hello,

I'm using the RadGrid feature of freezing columns like what one can easily do in MS Excel.
Here's my rad grid mark-up (also in attached JPG file 001 - Markup.jpg)

<

telerik:RadGrid

ID="GV"

runat="server"

Width="1100px"

Height="450px"

Skin="Forest"

AutoGenerateColumns="false" ...>



..later

<ClientSettings

<Scrolling

AllowScroll="True"

UseStaticHeaders="true" SaveScrollPosition="true"

FrozenColumnsCount="1" />

</ClientSettings

</

telerik:RadGrid>

The grid is rendering correctly if i don't set the radgrid height property to a value.

However, when i set the height property of the RadGrid

Height="450px"

The bottom-border disappears below the dynamically generated
horizontal scrollbar in the RADGrid as illustrated in attached file 002 - grid result.jpg.

I didn't use any fancy css customization and had as much tried to minimize modifying the skin to just out of the box
in terms of the css.

Any ideas how I can fix this and make the bottom border show properly?

Regards,
Angelo

Grid

answered on 05 Feb 2014

1 answer

94 views

RadPanelBar size reverting on ItemClick

I am using the RadPanelBar to display a selection of reports to the user. The reports are in categories, and the number of categories and reports depends upon the user. The RadPanelBar is data bound at run time. It is part of a div that also contains a search box and a filter for the reports (data bound check list).

Because the screen resolution varies based on the user, I need to dynamically resize the RadPanelBar. I am doing so through javascript, and it generally works fine. The RadPanelBar conforms to the initial screen size, and scales with the resize. And so long as only the expand/collapse arrows are clicked, it maintains the new size. The problem is that as soon as any item is click, it reverts back to the default size. After that, if the screen is resized, or the expand/collapse arrows are used to fully collapse the RadPanelBar, it will return to the correct size.

I tried to fix this by wrapping the RadPanelBar in a RadAjaxPanel and added the ForceResize to ClientEvents-OnResponseEnd; that did not work.

Currently I have added additional JavaScript to wait one second after the item click, and then call ForceResize again. That alone did nothing, so I added code to collapse and expand the item; that partially worked, but does not restore it to the full size.

My page is part of a larger project, and is on a MasterPageFile, if that makes any difference.

Here is the javascript I am using for the resize:

function ForceResize() {

var height = getDocHeight() - 275;

if (height < 250) height = 250;

var reportCategoryPb = document.getElementById("<%= this.ReportCategoryPb.ClientID %>");

if (reportCategoryPb) {

reportCategoryPb.style.height = height + 'px';

reportCategoryPb.Height = parseInt(height);

}

function PanelResize() {

ForceResize();

var reportCategoryPb = document.getElementById("<%= this.ReportCategoryPb.ClientID %>");

if (reportCategoryPb) {

var item = $find("<%= this.ReportCategoryPb.ClientID %>").get_expandedItem();

if (item) {

item.collapse();

item.expand();

}

function resizeTrigger() {

setTimeout("PanelResize()", 1250);

}

$(document).ready(function () {

ForceResize();

});

$(window).resize(function () {

ForceResize();

});

And here is a abbreviated version of the ASPX:

<telerik:RadAjaxPanel ID="ReportUI_Ajax" runat="server" ClientEvents-OnResponseEnd="ForceResize" >

<div id="ReportCombinedListDiv" style="width: 25%; height: 100%; float: left; border: 1px solid #CCC; padding: 5px;">

<asp:Label ID="ReportCombinedListLbl" runat="server" Font-Size="Large" Font-Bold="true" Text="Reports" />

<br />

<hr />

<br />

<trm:TrmSearchBox runat="server" ID="ReportListSearch" TargetControlID="ReportListPb" DataTextField="ReportName" DataValueField="ReportId"/>

<asp:Label ID="ReportTypeLabel" runat="server" Text="Report Types" Font-Size="Larger" Font-Bold="true" />

<br />

<telerik:RadListBox ID="ReportTypeFilter" runat="server" CheckBoxes="true" OnItemCheck="ReportFilter_ItemCheck" BorderColor="White" AutoPostBack="true"

DataTextField="Name" DataValueField="ReportTypeId" Style="height: 60px;" CssClass="multiColumn" Width="100%" />

<br />

<telerik:RadPanelBar ID="ReportCategoryPb" runat="server" ExpandMode="FullExpandedItem" OnItemClick="ReportCategoryPb_ItemClick" Height="325px" Width="100%"

AllowCollapseAllItems="true" >

</telerik:RadPanelBar>

</div>

</telerik:RadAjaxPanel>

I tried to implement the instructions in the support KB here. But the javascript threw an error on InitFullExpandOpera(), and after I removed that line, it did nothing.

This thread suggests using the panel bar's repaint; but I cannot find any documentation or examples, and my attempts to extrapolate from other repaint examples have only resulted in errors.

The version of Telerik.Web.UI I am using is 2013.3.1114.45.

Has anyone encountered this issue, and have you found a way to fix it?

PanelBar

answered on 04 Feb 2014

3 answers

143 views

"HD" will not hide ?!?!

Hi, I'm trying to hide the "HD" from the playback bar in the MediaPlayer, as I do not have a HD version of my video to serve up. Otherwise it's works fine, and my .MP4 file plays normally. How do I hide the HD option ?

These are my current settings:

HDActive: False
HDButtonToolTip: <blank>
HDSource: <blank>

...yet the HD option remains in the player and everything breaks when it's clicked on.

Please advise,

Barry

MediaPlayer

answered on 04 Feb 2014