Questions on UI for ASP.NET AJAX Forum

2 answers

99 views

Showing radwindow removes scriptmanager history points

Hello,

I have a problem with radwindow control (using IE8).

I'm using scriptmanager and updatepanel controls in my application (please view the attached sample in http://www.telerik.com/account/support-tickets/view-ticket.aspx?threadid=400607).
The webpage is saving history points with no problems, until I show the radwindow control. If I open the radwindow then the history points are deleted.
Note: I checked this issue in IE7, it is working with no problems. The problem is in IE8.

I checked with microsoft support this issue. But they told me that it is related some how to the radwindow itself. So plaese, I need your help.

Please look at the following situations:

Good situation:
1) click "Main Attractions" checkbox
2) click "Shopping & Fashion" checkbox
3) Click "Tel Aviv" Linkbutton.
4) Click "Netanya" Linkbutton.
5) Click "Eilat" Linkbutton.
6) Cick the browser back button few times (THIS SHOWS YOU THAT THE HISTORY POINTS ARE SAVED AND USED)

Bad Situation 1:
1) click "Main Attractions" checkbox
2) click "Shopping & Fashion" checkbox
3) Click "Tel Aviv" Linkbutton.
4) Click "Netanya" Linkbutton.
5) Click "Eilat" Linkbutton.
6) Click "Full Screen" button in order to open the map in full screen mode (Radwindow).
7) Cick the browser back button few times (THIS SHOWS YOU THAT THE HISTORY POINTS ARE DELETED)

Bad Situation 2:
1) click "Main Attractions" checkbox
2) click "Shopping & Fashion" checkbox
3) Click "Tel Aviv" Linkbutton.
4) Click "Netanya" Linkbutton.
5) Click "Eilat" Linkbutton.
6) Click the "About" linkbutton and then click close.
7) Cick the browser back button few times (THIS SHOWS YOU THAT THE HISTORY POINTS ARE DELETED)

So, I need to enable the user to go back and forward using the browser buttons even after opeining the radwindow.

Please, I need your help in order to solve this issue.
This issue make problem for me with my client.
It is appricited to send me the modified code.

Regards,
Bader

Window

answered on 21 Mar 2011

3 answers

97 views

UseStaticHeaders + RTL

UseStaticHeaders

is working very fine, but when I set the direction of the grid to RTL it gave me an error in graphics because the empty part (above the scroller) in the header is still be drawing in the right side, which causes a displacement in the grid columns.
Could you please help in?

Grid

answered on 21 Mar 2011

2 answers

179 views

OnAjaxRequest Method Master page

Hi,

I have figured out how to use the client-side ajaxRequestWithTarget method of the RadAjaxManager on a single page. But it all goes a bit pear-shaped when I try to do so on a page that has a Master page.

I placed a RadAjaxManagerProxy in the Master page. My first question is, which file do I place the event handler RadAjaxManager1_AjaxRequest in? The CodeFile of the Master page (a user control) or the CodeFile of the aspx page?

I tried it in both places, and the breakpoint which I put in both places was not hit.

The javascript function which I used to initiate the request was fired by the OnClientSelectedIndexChanged event of a RadComboBox control:

<telerik:RadCodeBlock ID="RadCodeBlock" runat="server">

<script type="text/javascript">

function InitiateAsyncRequestByCombo(sender, eventArgs) {

var ajaxManager = $find("<%= RadAjaxManager.GetCurrent(this.Page).ClientID %>");

ajaxManager.ajaxRequestWithTarget("<%= FilterRadComboBox.UniqueID %>", sender.get_selectedItem().get_value());

return false;

}

</script>

</telerik:RadCodeBlock>

Is this something which cannot be done when the RadAjaxManager is on a Master page and the other controls are on a ContentPage?

Ajax

answered on 21 Mar 2011

2 answers

52 views

Grid not viewing properly in FF

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

274 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

145 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

88 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

121 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

77 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

217 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