Questions on UI for ASP.NET AJAX Forum

4 answers

193 views

I have a toolbar in a user control which is ajaxified using the following declaration:

    
            <telerik:RadAjaxManagerProxy ID="rap1" runat="server" > 
        
                <AjaxSettings> 
        
                    <telerik:AjaxSetting AjaxControlID="rtbActions">  
        
                        <UpdatedControls> 
        
                            <telerik:AjaxUpdatedControl ControlID="pnlFFV" LoadingPanelID="lpFFV" /> 
        
                            <telerik:AjaxUpdatedControl ControlID="rtbActions" /> 
        
                        </UpdatedControls> 
        
                    </telerik:AjaxSetting> 
        
                </AjaxSettings> 
        
            </telerik:RadAjaxManagerProxy>

When certain toolbar buttons are clicked, controls are updated within a panel control (pnlFFV), and sometimes the toolbar itself is updated. This all works well, however, there is a button in the toolbar, which I want to cause a postback instead of an ajax update (this button is used to download a file and it is necessay to use the reponse object). I tried the following:

I added this script:

    
            function realPostBack_FFV(eventTarget, eventArgument) {  
        
                 $find("<%= rap1.ClientID %>").__doPostBack(eventTarget, eventArgument);  
        
            }

and in codebehind, I tried to wire it up to the particular toolbar button

    
            For Each itm As RadToolBarButton In rtbActions.Items  
        
                 If itm.Value = "Download" Then 
        
                      itm.Attributes.Add("onclick", String.Format("realPostBack_FFV('{0}', ''); return false;", itm.UniqueID))  
        
                 End If 
        
            Next

However, this button still causes an ajax update. can someone help me figure out how to exclude a particular toolbar button from an ajaxupdate if the rest of the toolbar is ajaxified?

P.S., I also tried modifying the javascript to reference the AjaxManager instead of the Proxy, like so:

    
            function realPostBack_FFV(eventTarget, eventArgument) {     
        
                 $find("<%= Me.MyAjaxManager.ClientID %>").__doPostBack(eventTarget, eventArgument);     
        
            }    
        
             //Me.MyAjaxManager gets a reference to the shared AjaxManager in my base page class

But this dind't seem to make a difference.

ToolBar

answered on 23 Sep 2010

2 answers

116 views

Radprogress without Radupload

Hi,

I have a custom file upload code and i just wanted to add the Radprogress bar to monitor the fileupload progress.

Since its already a tested code and we have a release nearing we dont want to change to Radupload.

How do i monitor file upload progress?

Am using a simple file upload:
<asp:FileUpload ID="fuRPFileSelect" runat="server" />
In the code behind am using fuRPFileSelect.SaveAs() method for saving the file.

Thanks,
Mani

Upload (Obsolete)

answered on 23 Sep 2010

13 answers

372 views

[Solved] Creating/Customize the filter radgrid

Hi Telerik Team,

I wanna know if the textbox of filter put out of the grid.

Please help me, thanks to all telerik team!

Grid

answered on 23 Sep 2010

2 answers

288 views

Do not display the Field Alias in Group Header

Hello,

There is an issue that users don't want to see the field alias in group header.
I tried to set it as "FieldAlias = ' '", but it raised an error.
The error message is "Field definition is not valid. FieldAlias contains invalid characters"
Is it possible to reslove my issue? Thanks ahead.

Best regards
Chenghan

Grid

answered on 23 Sep 2010

3 answers

454 views

[Solved] change grid scroll height dynamically

I want change the scroll height from clientside. I have seen your examples But my scenario is is different. I have radgrid on popup window with addnotes tab. By defalut grid scroll height is 220px. when i click addnote button i want decrease the scrollheight size to 120px. How to do it. I tried your code but i am getting error like "Microsoft JScript runtime error: 'GridDataDiv' is null or not an object". (Please see Images) Here is my code....

<div id="div1" style="width: 100%; overflow: auto; overflow-x: hidden">

<table class="customFont" width="98.5%">

<tr id="tr1" runat="server">

<td align="right">

<asp:Button Text="Add Note" runat="server" ID="Button1" OnClientClick="return showAddNotes()" />

</td>

</tr>

<tr style="display: none; position: relative" id="tr2">

<td>

<table style="background-color: #F5F5E9" cellspacing="2">

<tr>

<td align="left" style="width: 70px;">

Note Type

</td>

<td align="left" style="width: 82px; height: 24px;">

<telerik:RadComboBox ID="RadComboBox1" EmptyMessage="Please select" runat="server"

MarkFirstMatch="True" CollapseDelay="0" Width="115px" DropDownWidth="100px" AllowCustomText="True">

<CollapseAnimation Duration="0" />

</telerik:RadComboBox>

<asp:RequiredFieldValidator InitialValue="" ValidationGroup="Notes" ID="RequiredFieldValidator1"

runat="server" ControlToValidate="ddlNoteType" ClientValidationFunction="ddlNt"

Display="None" ErrorMessage="Please select Note Type."></asp:RequiredFieldValidator>

<cc2:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" TargetControlID="custValCou"

runat="server" Enabled="True">

</cc2:ValidatorCalloutExtender>

</td>

<td>

</td>

</tr>

<tr>

<td align="left" valign="middle" style="width: 70px;">

Notes

</td>

<td align="left">

<asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" Rows="3" Width="570px"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" ValidationGroup="Notes"

ControlToValidate="txtNoteDesc" Display="None" runat="server" ErrorMessage="Please enter Notes."></asp:RequiredFieldValidator>

<cc2:ValidatorCalloutExtender ID="ValidatorCalloutExtender2" TargetControlID="valCliID"

runat="server">

</cc2:ValidatorCalloutExtender>

</td>

<td valign="top">

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

<asp:Button ID="Button2" Width="60px" OnClick="btnAddNote_Click" ValidationGroup="Notes"

runat="server" Text="Add" /></div>

<asp:Button ID="Button3" Width="60px" runat="server" OnClientClick="return hideAddNotes()"

Text="Cancel" />

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

<telerik:RadGrid ID="RadGrid1" GridLines="None" AllowSorting="false" Width="100%"

runat="server" AutoGenerateColumns="false" ShowFooter="false" ShowGroupPanel="false"

ShowStatusBar="false" EnableEmbeddedSkins="false" HeaderStyle-HorizontalAlign="Left"

ItemStyle-HorizontalAlign="Left" Font-Size="7.5pt" BorderColor="White" BorderWidth="0"

BorderStyle="None">

<HeaderStyle BackColor="#004000" ForeColor="White" Font-Size="7.5pt" Font-Bold="True"

HorizontalAlign="Left" BorderColor="White" />

<ItemStyle BorderStyle="None" />

<AlternatingItemStyle BorderStyle="None" />

<AlternatingItemStyle BackColor="#F5F5E9" />

<MasterTableView>

<Columns>

<telerik:GridBoundColumn HeaderText="#" DataField="rowNum" HeaderStyle-Width="12px"

ItemStyle-Width="12px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn ReadOnly="true" HeaderStyle-Width="413px" ItemStyle-Width="413px"

UniqueName="Notes" HeaderText="Notes" DataField="Notes">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Type Description" HeaderStyle-Width="57px" ItemStyle-Width="57px"

HeaderText="Note Type" DataField="Type Description" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Created By">

<ItemTemplate>

<asp:Label ID="lblCreatedBy" runat="server" Width="78px" Text='<%# Bind("CreatedBy") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn UniqueName="CreationDate" HeaderText="Created Date" DataField="CreationDate"

ReadOnly="true">

</telerik:GridBoundColumn>

</Columns>

<NoRecordsTemplate>

No notes are avaliable</NoRecordsTemplate>

</MasterTableView>

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="220px" SaveScrollPosition="True">

</Scrolling>

</ClientSettings>

</telerik:RadGrid>

</td>

</tr>

</table>

</div>

function showAddNotes(sender, args) {

document.getElementById('trAddNewNotes').style.display = "block";

document.getElementById('ctl00_PagePlaceholder_winBlkTskAssign_C_tabTskAssign_TabNotes_trNotes').style.display = "none";

var scrollArea = sender.GridDataDiv;

var parent = $get("div1");

var gridHeader = sender.GridHeaderDiv;

scrollArea.style.height = "120px";

return false;

}

Grid

answered on 23 Sep 2010

1 answer

173 views

RadControls for ASP.NET AJAX Q2 2009 SP1 Trial

I know this may be an odd request, but is there anyway I can download a copy of the of the RadControls for ASP.NET AJAX Q2 2009 SP1 installer? I'm working on Sitefinity 3.7.2022.2 and need some skins for the rad controls, so I actually just need the skins if I could get those. The newer skins I have don't seem work quite right.

Thank you in advance.

P.S. I'm running VS 2010.

Installer and VS Extensions

answered on 23 Sep 2010

1 answer

108 views

Content in Top Right of TabStrip

I have a left-aligned horizontal Radtabstrip. I would like to put buttons and/or hyperlinks in the free space on the right side of the tabs.

It is the same as the 'Instructions' button with the tabs on the following page under the 'Example Source Code & Description' section:
http://demos.telerik.com/aspnet-ajax/tabstrip/examples/applicationscenarios/loadondemand/defaultcs.aspx

Any help would be appreciated.

TabStrip

answered on 23 Sep 2010

17 answers

313 views

Window Custom Skin Doesn't Work

Hi!

I've spent hours with this problem, and I'm going insane.

I've seen all documentation regarding the use of custom skins with Rad controls. Fine.
I've tried to use a custom skin (based on a default, WebBlue) within the TabStrip control and It WORKS awesomelly!
It is very easy and fast to deploy; thank you guys!

(That's not the insane part.)

However, I try the EXACT SAME THING with the Window control and it doesn't work at all! The window pops up without any CSS, just the functionality! Default and direct skin use works (of course).

The really strange part is that other controls' custom skins work, as I said, so the steps taken are correct!

Can you help me please?

Thanks in advance!

Window

answered on 23 Sep 2010

3 answers

341 views

[Solved] ComboBox and radgrid loses css style settings on radwindow close

HI team,

I have a requirement in my application that, I have to perform an action based on the users response(serverside). So I have used radwindow for the same. Based on the response(ok/cancel) respective serverside events are fired. After this operation when i click on any comboboxes it loses its css style (Gets changed to transparent). Radgrids in the page also faces the same issue. please find the follwing code snippets I have used to open and close the radwindow from server side.

Open radwindow :

Telerik.Web.UI.

RadWindow window = radWindowManager.Windows[0];

window.VisibleOnPageLoad =

true;

Close radwindow :

Telerik.Web.UI.

RadWindow window = radWindowManager.Windows[0];

window.VisibleOnPageLoad =

false;

window.Dispose();

radwindow in aspx page :

<telerik:RadWindowManager ID="radWindowManager" runat="server">

<telerik:RadWindow ID="radWindowConfirm" runat="server" VisibleOnPageLoad="false"

Skin="Vista" Title="Error(s)" Behaviors="Close,Move" Modal="true" Height="200px">

<asp:Label ID="lblDuplicate" runat="server" ForeColor="Red" Text="<%$ Resources:ValidationMessages, DuplicateEntry %>" />

<asp:Button ID="btnConfirmOk" Text="OK" runat="server" OnClick="btnRadConfirm_Click"

Visible="false" />

<asp:Button ID="btnConfirmCancel" Text="Cancel" runat="server" OnClick="btnRadNotConfirm_Click"

Visible="false" />

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

Please find the attached screen shots of both scenarios. Please let me help in this issue.

Regards,
Chandrababu.

ComboBox

answered on 23 Sep 2010

3 answers

73 views

Javascript error in ajaxupdatepanel when visible=false initially

I have a page with a RadAjaxUpdatePanel that may or may not show a RadListView control depending on what the user selects. The radlistview is on the page, but initially is Visible=false.

This scenario will result in a javascript error Sys.ArgumentUndefinedException in the asp.net ajax framework.

Do you know of a workaround for this control?

ListView

answered on 23 Sep 2010