Questions on UI for ASP.NET AJAX Forum

2 answers

84 views

I have a grid that is wider than the page. It scrolls fine, but the bottom part of the data border get's cut off where the page ends in FF. I have screen shots below.

http://www.intellicominc.com/temp/first.png
http://www.intellicominc.com/temp/second.png

Here is my master page
<%@ Master Language="VB" CodeFile="Main.master.vb" Inherits="Main" %>

<%@ 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>
   <asp:ContentPlaceHolder ID="head" runat="server">
   </asp:ContentPlaceHolder>
   <link rel="Stylesheet" type="text/css" href="Main.css" />
</head>
<body>
   <form id="form1" runat="server">
   <div id="header">
   <a href="~/admin/Default.aspx" runat="server">
   <img src="~/images/logo.jpg" style="border: none;" runat="server" /></a>
   <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
   </telerik:RadScriptManager>
   <div style="float: right; right: 20px; top: 10px; position: absolute;">
   <asp:LoginStatus runat="server"></asp:LoginStatus>
   </div>
   </div>
   <div id="Main">
   <telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Vertical" Width="100%"
   LiveResize="true" Height="520px">
   <telerik:RadPane ID="LeftRadPane1" runat="server" Width="220px" Scrolling="None"
   BorderStyle="None" BorderSize="0">
   <telerik:RadSplitter ID="radsplitter2" runat="server" Orientation="Horizontal" LiveResize="true">
   <telerik:RadPane ID="RadPane2" runat="server" Width="220px" Scrolling="None" BorderStyle="None"
   bordersize="0">
   <telerik:RadPanelBar runat="server" ID="RadPanelBar1" ExpandMode="FullExpandedItem" Height="100%">
   <Items>
   <telerik:RadPanelItem Text="Customers" Expanded="True">
   <Items>
   <telerik:RadPanelItem Text="Add Customer" NavigateUrl="~/Customers/AddCustomer.aspx" />
   <telerik:RadPanelItem Text="Customer List" NavigateUrl="~/Customers/CustomerList.aspx" />
   </Items>
   </telerik:RadPanelItem>
   <telerik:RadPanelItem Text="Calendar">
   <Items>
   <telerik:RadPanelItem>
   <ItemTemplate>
   <telerik:RadCalendar runat="server" ID="Calendar1" Style="margin: 6px auto 0" />
   </ItemTemplate>
   </telerik:RadPanelItem>
   </Items>
   </telerik:RadPanelItem>
   <telerik:RadPanelItem Text="Contacts">
   <Items>
   <telerik:RadPanelItem ImageUrl="Img/contactsItems.gif" Text="My Contacts" />
   <telerik:RadPanelItem ImageUrl="Img/contactsItems.gif" Text="Address Cards" />
   <telerik:RadPanelItem ImageUrl="Img/contactsItems.gif" Text="Phone List" />
   <telerik:RadPanelItem ImageUrl="Img/contactsItems.gif" Text="Shared Contacts" />
   </Items>
   </telerik:RadPanelItem>
   <telerik:RadPanelItem Text="Tasks">
   <Items>
   <telerik:RadPanelItem ImageUrl="Img/tasksItems.gif" Text="My Tasks" />
   <telerik:RadPanelItem ImageUrl="Img/tasksItems.gif" Text="Shared Tasks" />
   <telerik:RadPanelItem ImageUrl="Img/tasksItems.gif" Text="Active Tasks" />
   <telerik:RadPanelItem ImageUrl="Img/tasksItems.gif" Text="Completed Tasks" />
   </Items>
   </telerik:RadPanelItem>
   <telerik:RadPanelItem Text="Notes">
   <Items>
   <telerik:RadPanelItem ImageUrl="Img/notesItems.gif" Text="My Notes" />
   <telerik:RadPanelItem ImageUrl="Img/notesItems.gif" Text="Notes List" />
   <telerik:RadPanelItem ImageUrl="Img/notesItems.gif" Text="Shared Notes" />
   <telerik:RadPanelItem ImageUrl="Img/notesItems.gif" Text="Archive" />
   </Items>
   </telerik:RadPanelItem>
   </Items>
   </telerik:RadPanelBar>
   </telerik:RadPane>
   </telerik:RadSplitter>
   </telerik:RadPane>
   <telerik:RadSplitBar runat="server" ID="RadSplitBar2" CollapseMode="Forward" EnableResize="true"
   ForeColor='Green' />
   <telerik:RadPane ID="RightRadPane1" runat="server" CssClass="RightPanelPadding" Scrolling="Both"
   BorderStyle="None" BorderSize="0">

   <asp:ContentPlaceHolder ID="mainContentPlaceHolder" runat="server">
   </asp:ContentPlaceHolder>

   </telerik:RadPane>
   </telerik:RadSplitter>
   </div>
   </form>
</body>
</html>

Here is the css
body {

}
#header{
   width: 100%;
   height: 114px;
}
.leftMenu{
   width: 280px;
   height: 100%;
}
#main{
   height: 800px;
}
.inputTableWidth{
   width: 375px;
}
.rightPanelPadding{
   margin-top: 10px;
   margin-left: 10px;
   width: 100%;
}

And here is the page in question, just databind the grid with enough columns to make it scroll
<%@ Page Title="" Language="VB" MasterPageFile="~/Main.master" AutoEventWireup="false" CodeFile="CustomerList.aspx.vb" Inherits="Customers_CustomerList" %>

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

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="mainContentPlaceHolder" Runat="Server">
   <telerik:RadGrid ID="RadGrid1" runat="server"
   GridLines="None" AllowPaging="True" AllowFilteringByColumn="True"
   AllowSorting="True" AutoGenerateColumns="false">
   <MasterTableView DataKeyNames="CustomerId" AutoGenerateColumns="false">
   <RowIndicatorColumn>
   <HeaderStyle Width="20px"></HeaderStyle>
   </RowIndicatorColumn>
   <ExpandCollapseColumn>
   <HeaderStyle Width="20px"></HeaderStyle>
   </ExpandCollapseColumn>
   <Columns>
   <telerik:GridBoundColumn DataField="FirstName" HeaderText="FirstName" SortExpression="FirstName"
   UniqueName="FirstName">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="LastName" HeaderText="LastName" SortExpression="LastName"
   UniqueName="LastName">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="Business Name" HeaderText="Business Name" SortExpression="Business Name"
   UniqueName="Business Name">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="State" HeaderText="State" SortExpression="State"
   UniqueName="State">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="Zip" HeaderText="Zip" SortExpression="Zip" UniqueName="Zip">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="Address" HeaderText="Address" SortExpression="Address"
   UniqueName="Address">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="City" HeaderText="City" SortExpression="City"
   UniqueName="City">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="Phone" HeaderText="Phone" SortExpression="Phone"
   UniqueName="Phone">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="Fax" HeaderText="Fax" SortExpression="Fax" UniqueName="Fax">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="Email" HeaderText="Email" SortExpression="Email"
   UniqueName="Email">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="CellPhone" HeaderText="CellPhone" SortExpression="CellPhone"
   UniqueName="CellPhone">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="Edit" HeaderText="<a href='test'>test</a>" >
   </telerik:GridBoundColumn>
   </Columns>
   </MasterTableView>
   </telerik:RadGrid>
</asp:Content>

Grid

answered on 21 Mar 2011

7 answers

315 views

Checkbox in Grid ItemTemplate

Hi,
I have enable <ClientSettings>

                    <Selecting AllowRowSelect="true" />
                </ClientSettings>

Now when I select any row in the Grid. There will a check box in the Grid ItemTemplate. that should be checked
and unchecked. please help me on this issue.

Grid

answered on 21 Mar 2011

1 answer

166 views

Bulk InsertItems into Listbox

I am trying to do a bulk insert items from one radlistbox to another radlistbox. In my javascript code, I am getting all the checkeditems from the first listbox (which returns an array) and trying to insert them into the destination (provision) listbox.

function SetProvisions(RadListBoxArray) {

         var RadListBoxCount = RadListBoxArray.length;
         var i = 0;
         var ProvisionListBox = $find("<%= uxProvisions.ClientID %>");

         for (i = 0; i < RadListBoxCount; i++) {
             var RadListBox = RadListBoxArray[i];
             var RadListBoxCheckedItems = RadListBox.get_checkedItems();
             ProvisionListBox.insertItems(RadListBoxCheckedItems);       <<<<Getting error here
         }

ProvisionListBox.commitChanges();
}

Getting error stating that "Array of RadListBox items or Telerik.Web.UI.RadListBoxItem collection should be passed."

ListBox

answered on 21 Mar 2011

3 answers

117 views

custom tools xml and postback

hi,

I am loading a custom ToolsFile.xml into Radeditor with

"LoadToolsFile(dom)"

.
after a postback some tools like colorselection do no longer work, because
of a javascript error in the Editor script.
now i found out that reloading the tools-xml file on every request fixes the issue, but in my
understanding, the editor should be recreated from viewstate after postback?

regards,
peter

Editor

answered on 21 Mar 2011

3 answers

148 views

Disabling a button loses theme in 4.0 framework

For some reason now in .net framework 4.0 all disabled buttons seem to lose their theme and become the default grey color. Enabling them again brings its theme back

We just switched to a new iis server 7.5 using asp.net framework 4.0

The buttons through out the website have a nice style/theme. These are not set inside each button and there are no classes set specifically for buttons I dont think but I believe inherit the theme from somewhere, I believe the web.config in either:

<appSettings>
<add key="Telerik.Skin" value="WebBlue" />
...

OR it is set in our custom theme
<system.web>
<pages styleSheetTheme="Seniors">

All the buttons did display a nice light blue gradient, and when disabled they go a few shades lighter blue

Any ideas why the disabled button would look different now? Or how to change it

Thanks

General Discussions

answered on 21 Mar 2011

1 answer

109 views

OnClientAdded and OnClientAdding not getting called when hitting the Add button

<telerik:RadUpload ID="uplFrontMatterDoc" runat="server" Skin="Web20"
                            MaxFileInputsCount="5" AllowedFileExtensions=".doc"
                            OverwriteExistingFiles="false"
                            OnClientAdding="function(){alert('adding');}"
                            OnClientAdded="myOnClientFileSelected" />

Have the above upload control and I see that the 2 client events (Adding and Added) get called when the page containing the control is first loaded, however they do not get called again when I click the Add button and a new file upload gets added

What am I doing wrong?

Upload (Obsolete)

answered on 21 Mar 2011

1 answer

259 views

ListView ItemTemplate LinkButton

I'm having trouble with my ListView. I've got a linkButton in the ItemTemplate and I want to set the onClientClick to run a javascript function, but it needs a parameter value from the Item Data.

I was thinking that I need to use the ItemDataBound event to add the attribute since the OnClientClick doesn't properly convert my Eval command.

I'm just not quite sure how to do this.

Here is my code so far:

LinkButton btn = (LinkButton)e.Item.FindControl("PhotoLinkButton");

string id = DataBinder.Eval(e.Item, "PhotoID").ToString();

btn.Attributes.Add("onclick", string.Format("viewImage({0}); return false;", id));

I know the code in line 2 isn't right. I'm new to ASP.NET and AJAX, so I'm trying to pick it up as I go.

What I'm trying to accomplish is the pretty much the same as the demo for the ListView Gallery (with the images that when clicked open a new window with the full size image. My images are stored in the database, so there is no height and width info. My database only has the original filename, the contents (image datatype), plus some other metadata. There is no restriction on the image's size or dimensions, so it could be a very large image. I was hoping to set a default size on the window and have the image auto-resize to fit (similar to what Internet Explorer does when you open an image larger than the browser's window size).

Any guidance as to how I can do this would be appreciated. If there is a better way, I'm all for it. Oh yeah, my datasource is a SQLDataSource in DataSet Mode, not an ObjectDataSource. That's where I got stuck when trying to use the demo as a starting point.

ListView

answered on 21 Mar 2011

4 answers

139 views

RadToolbar inside RadDock

Hi,

I am using a RadToolBar inside a RadDock. I would like to know if is possible to fit perfectly the toolbar inside the raddock. The image in attachment shows the problem I want to solve.

Thanks in advance,

Michael Pinheiro

Dock

answered on 21 Mar 2011

2 answers

260 views

[Solved] How to Enable a button true or false on button click

Hai Telerik Team,

How I have to restrict user to click button repeatedly....
If the user click on the button first, it should enabled= false and showing button text like "Submitting"
after submitted, the button changed to enabled=true...So how to do this in "RADAJAXMANAGER"
or write some other solution to solve this pls...

Ex Code:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default4.aspx.vb" Inherits="Default4" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="rad" %>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

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

<div>

<asp:ToolkitScriptManager ID="tool123" runat ="server" ScriptMode ="Release" >

</asp:ToolkitScriptManager>

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

<AjaxSettings>

<rad:AjaxSetting AjaxControlID="btn_sb">

<UpdatedControls>

<rad:AjaxUpdatedControl ControlID="lab_nm" LoadingPanelID ="RadAjaxLoadingPanel1" />

</UpdatedControls>

</rad:AjaxSetting>

</AjaxSettings>

</rad:RadAjaxManager>

<rad:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="" Transparency="30">

<asp:Image ID="Image1" runat="server" ImageUrl="~/IMAGES/AjaxLoadingImg/LoadingProgressBar.gif"

AlternateText="loading" />

</rad:RadAjaxLoadingPanel>

<asp:Button ID="btn_sb" runat="server" Text="Telerik" /><br />

<asp:Label ID="lab_nm" runat="server"

></asp:Label>

</div>

</form>

</body>

</html>

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

Protected Sub btn_sb_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btn_sb.Click

lab_nm.Text = "You Clicked Telerik Button"

End Sub

I need---On click btn_sb it should enable false and showing some text like "submitting" after page submitted it returns to enabled true..

Ajax

answered on 21 Mar 2011

9 answers

171 views

RadWindow reloads when restoring from the minimize zone

Hi,

I am editing data on a form that is loaded into a RadWindow.
When I minimize the window and then later restore it, the form reloads itself and I lose all data that I have been editing.
How do I prevent this from happening?

Thanks,
Jaap

Window

answered on 21 Mar 2011