Questions on UI for ASP.NET AJAX Forum

5 answers

578 views

Hello,

I am using AsyncUpload in my project which is "TextBox + Button". I want to hide the TextBox. It means I want only SELECT Button visible for browsing the file, instead of "TextBox + Button". How does I make work?

Thanks in Advance.

AsyncUpload

answered on 16 Nov 2012

1 answer

352 views

Link Button to RadMenuItem

I have code for an asp.net link button

<asp:LinkButton ID="LinkButton4" runat="server" Text="Copy To Clipboard" OnCommand="LinkButton4_Command"

OnClientClick="CopyToClipboard();"></asp:LinkButton>

I want to use it in a rad menu that I created when the user clicks on its menu item

<telerik:RadMenu runat="server" ID="AssociateMenu" Skin="Windows7" Width="200px"

Flow="Vertical" EnableAutoScroll="False">

<Items>

<telerik:RadMenuItem ID="AddAssociateMenuItem" runat="server" Text="Add Associate"

NavigateUrl="~/Add_Associate.aspx" />

<telerik:RadMenuItem ID="ManageUserMenuItem" runat="server" Text="Manage User Account"

NavigateUrl="~/Create_User.aspx" />

<telerik:RadMenuItem ID="DeactivateAssociateMenuItem" runat="server" Text="Deactivate Associate"

NavigateUrl="~/Deactivate_Associate.aspx" />

<telerik:RadMenuItem ID="CopyClipboardMenuItem" runat="server" Text="Copy To Clipboard"

PostBack="False" />

<telerik:RadMenuItem ID="PrintLabelMenuItem" runat="server" Text="Print Mailing Label"

PostBack="False" />

</Items>

</telerik:RadMenu>

i want client side code to run for the CopyClipboardMenuItem and PrintLabelMenuItem

function CopyToClipboard() {

//RadPageView pv = (RadPageView)this.FindControl("RadPageView1");

//UserControl uc = (UserControl)pv.FindControl("UserControl1");

var textboxVal = $get("<%= txtCopy.ClientID%>").value;

//var textboxVal = ((TextBox)pc.FindControl("txtCopy")).Text.Trim();

// var textboxVal = document.getElementById("txtCopy").value;

if (window.clipboardData && clipboardData.setData) {

clipboardData.setData("Text", textboxVal);

alert("item successfully copy to Clipboard");

}

else {

alert("works only in IE4+");

}

function printLabel() {

// alert('test4');

// jQuery.lightbox({ href: "#dialog3" });

jQuery.colorbox({ innerWidth: "390", innerHeight: "210", opacity: .85, inline: true, overlayClose: false, transition: "fade", speed: 1500, href: "#dialog3" });

}

The code works when I use a linkbutton

<asp:LinkButton ID="LinkButton4" runat="server" Text="Copy To Clipboard"

OnCommand="LinkButton4_Command"

OnClientClick="CopyToClipboard();"></asp:LinkButton>

</br>

<asp:LinkButton ID="LinkButton2" runat="server" Text="Print Mailing Label"

OnCommand="LinkButton2_Command"

OnClientClick="printLabel(); return false;" AutoPostBack="false"></asp:LinkButton>

Is there a way to do this I have not found a solution that works. Thanks in advance for any help.

General Discussions

answered on 16 Nov 2012

3 answers

285 views

Set focus to a button within a rad window

[Correct title of the post] - Click a button on press of enter key

Hi Folks,

I have a rad window, which has some text content and 'Yes' & 'No' buttons. [Note, there are no text boxes present].
When the enter button is pressed, the 'Yes' button click must be triggered.

How do I do this?

Regards,
Saravanan

Window

answered on 16 Nov 2012

4 answers

243 views

[Solved] Setting RadSplitBar height

Hopefully, this is a simple request. I just want to make the RadSplitBar a little taller so it is easier for our users to grab when resizing their panes. I tried setting the Height property of the RadSplitBar control, but it doesn't change anything. If I need to do this with css, example code would be greatly appreciated. As you can see by my example, my requirement is to use CollapseMode="Both", so I may need to supply taller images for all these situation as well.

I have attached the screen shot of what it looks like by default, here is the page source.

Thanks,

-Gary

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SplitterTest.aspx.cs" Inherits="WebAppTesting.SplitterTest" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!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>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div>

<telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Horizontal" >

<telerik:RadPane ID="RadPane1" runat="server" BackColor="Red">

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Both" Height="20px">

</telerik:RadSplitBar>

<telerik:RadPane ID="RadPane2" runat="server" BackColor="Purple">

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

</body>

</html>

Splitter

answered on 15 Nov 2012

4 answers

146 views

RadUpload does not work

Hi,
I have RadAjaxManager control on my master page and 2 RadUpload controls on my content page. Upon postback,I'm getting uploadfiles counts to zero even though I upload files. I know that we can not write files while performing AjaxRequest, so how can I disable Ajax request for this particular page and not for the other pages ?

I have tried following code on my content page but It doesnt work either.

RadAjaxManager AjManager = Master.FindControl("RadAjaxManager1") as RadAjaxManager;

AjManager.EnableAJAX = false;

Thanks

Tejas

Upload (Obsolete)

answered on 15 Nov 2012

3 answers

147 views

Custom column in Edit modal

I have a Radgrid with a custom column(rowID) added to it.
The custom column is in hidden mode in the radgrid.
All the columns in the grid are built dynamically at runtime, no template used.
And EditMode = Popup.

While Inserting or Updating rows, the custom column (rowID) is displayed at the top of the EditFormat.
I want to hide the first row which contains the label for custom column and its value.
How can I hide that column and its value?

Grid

answered on 15 Nov 2012

1 answer

77 views

Accessing items on EditForm during Edit

How can I access each item on the edit form when the row is being updated/ inserted?
<MasterTableView EditMode="PopUp" CommandItemSettings-ShowAddNewRecordButton="True" DataKeyNames="RowId" >

keyfield RowID is getting displayed on the popup. I want to hide it.

Grid

answered on 15 Nov 2012

4 answers

219 views

RadTabStrip and Databinding

Hello,

I use on .net Two FrameWork Telerik and Strataframe.

Strataframe can to interact with the sqlserver like entity but it's better.
For Example I can binding textbox with my Business Object Like this.

<SFWeb:TextBox runat="server" ID="Txt1" BindingField="MyField" BusinessObjectName="TableBo" ></SFWeb:TextBox>

it's work on WebForm , on WebUserControl add on the WebForm,
and if i use the RadTabStrip , it's work in RadPageView so

But if i work with the PageViewCreated to load WebUserControl my Textbox doesn't load
the field on my Business Object. What 's the difference between PageViewCreated and load in the Webform ?

have you some code to fix it ?

It's important to use Strataframe cause it can to Bind in to Way,

With the simple syntax : this.TableBo.Save() , i save in sql table without to reload the Value of the textbox.

Thanks For your help

Olivier,

TabStrip

answered on 15 Nov 2012

2 answers

86 views

Update Processing Stops On Update Command Issued From Edit Template

I have a list view control within a user control that is exhibiting unexpected behavior. The list view is within a panel that is itself within a RadAjaxLoadingPanel. The panel is registered with a RadAjaxManager. The list view is populated from an object data source. There is an edit template defined with an update button inside it to issue the update command. The user clicks a button to issue the edit command and the edit template is displayed. When the update button is pressed, the ajax loading screen covers the panel. When the ajax call is complete, the edit template has not gone away. The item command event of the list view is triggered, but not the updating event of the object data source. I ran this test in debug mode and did not receive any client or server error feedback. It also seems to work when connected to a local database, but not our main testing one. This suggests it has something to do with timing. I cannot think of any further testing to conduct because the remaining processing of the update happens within the Telerik list view code. Are there any ideas from the community on how to further debug this issue?

ListView

answered on 15 Nov 2012

1 answer

150 views

Horizontal scroll whitespace in the bottom of the RadGrid

I am retrieving data from database using RadGrid. I have more columns in my RadGrid, so I need to show RadGrid horizontal scroll to keep the page from expanding but disable the vertical scroll so height of the grid should expand to always display all rows in the grid. I got the result but there is whitespace in the bottom of the RadGrid.

My UI of the RadGrid:
-------------------------------

<table style="table-layout: fixed;" width="100%" cellpadding="0" cellspacing="0"

border="0">

<tr>

<td>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="false" PagerStyle-AlwaysVisible="true"

CellPadding="0" CellSpacing="0" GridLines="None" Skin="Metro" CssClass="RadGrid_CBGrid"

HorizontalAlign="Left" AutoGenerateColumns="False" OnItemCommand="RadGrid1_ItemCommand"

OnDataBound="RadGrid1_DataBound">

</ClientSettings>

<MasterTableView HierarchyLoadMode="Client" DataKeyNames="EmpID" AllowMultiColumnSorting="true"

Name="Parent">

</RowIndicatorColumn>

</ExpandCollapseColumn>

<telerik:GridBoundColumn DataField="EmpID" EmptyDataText="NA" HeaderText="Emp ID"

UniqueName="EmpID">

                            </telerik:GridBoundColumn>
                          and so on......
                          -------------------
                        </Columns>