Questions on UI for ASP.NET AJAX Forum

1 answer

135 views

grid header alignment off when IFRAME content.

I have a grid using static headers and scrolling. When I load up the page in a browser is looks perfect. When I set the page to an IFRAME SRC the headers are misaligned slightly. This appears to be the width of what would be a scroll bar. At this point if I sort a column or initiate a resize of a column the alignment corrects itself.

What could possibly be causing the misalignment on page load?

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

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

<div>

<iframe src="http://rome/mypage.aspx"

width="100%" style="overflow:hidden;overflow-y:hidden;overflow-x:hidden" height="500px" scrolling="no">Your browser does not suppport frames.</iframe>

</div>

</form>

</body>

</html>

And the Grid in mypage.aspx:

<telerik:RadGrid ID="rgVendor" runat="server" AllowSorting="True" AutoGenerateColumns="False"

GridLines="None" PageSize="5" Skin="WebBlue" Width="100%" AllowFilteringByColumn="True"

CellSpacing="0">

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default" EnableImageSprites="True">

</HeaderContextMenu>

<MasterTableView ClientDataKeyNames="vnd_code" TableLayout="Fixed" CommandItemDisplay="Top">

<CommandItemSettings ExportToPdfText="Export to PDF" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

<CommandItemTemplate>

<table border="0" cellpadding="2" cellspacing="2" width="100%">

<tr>

<td nowrap style="width: 75px; text-align: left;">

<asp:LinkButton ID="lnkAdd" runat="server" OnClientClick="add_onclick();return false;"

Font-Underline="false" ToolTip="Add New Vendor Master" TabIndex="1"><img src="../Images/form-addnew.png" border="0" /> Add New</asp:LinkButton>

</td>

<td class="labelnorm" style="width: 80%; text-align: center; font-weight: bold">

Vendor Master Entry

</td>

<td nowrap style="width: 40px">

<asp:LinkButton ID="lnkClear" runat="server" CommandName="RemoveFilters" OnClientClick="javascript:$find('txtCode').set_value('');"

Font-Underline="false" ToolTip="Clear Filters" TabIndex="1"><img src="../Images/form-clear.png" border="0" /> Clear</asp:LinkButton>

</td>

<td nowrap style="width: 5px;">

-

</td>

<td nowrap style="width: 50px">

<asp:LinkButton ID="lnkRefresh" runat="server" CommandName="RebindGrid" Font-Underline="false"

ToolTip="Refresh Organization List" TabIndex="1"><img src="../Images/form-refresh.png" border="0" /> Refresh</asp:LinkButton>

</td>

<td nowrap style="width: 5px">

-

</td>

<td nowrap style="width: 50px">

<asp:LinkButton ID="lnkExcel" runat="server" CommandName="ExportToExcel" CssClass="clink"

Font-Underline="false" ToolTip="Click To Export List To Excel" TabIndex="1"><img src="../Images/form-excel.png" border="0" /> XLS</asp:LinkButton>

</td>

<td nowrap style="width: 5px">

-

</td>

<td nowrap style="width: 50px">

<asp:LinkButton ID="lnkCSV" runat="server" CommandName="ExportToCSV" CssClass="clink"

Font-Underline="false" ToolTip="Click To Export List To CSV" TabIndex="1"><img src="../Images/form-csv-export.png" border="0" /> CSV</asp:LinkButton>

</td>

<td nowrap style="width: 5px">

-

</td>

<td nowrap style="width: 50px">

<asp:HyperLink ID="lnkClose" runat="server" Font-Underline="false" ToolTip="Click To Close This Menu" TabIndex="1" Target="_top"><img src="../Images/form-close.png" border="0" /> Close</asp:HyperLink>

</td>

</tr>

</table>

</CommandItemTemplate>

<Columns>

<telerik:GridTemplateColumn UniqueName="TemplateColumn" AllowFiltering="false">

<HeaderStyle Width="70px" />

<ItemStyle Wrap="false" HorizontalAlign="Center" />

<ItemTemplate>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="vnd_code" HeaderText="Vendor Code" ReadOnly="True"

SortExpression="vnd_code" UniqueName="vnd_code">

<HeaderStyle Font-Bold="True" HorizontalAlign="Left" Width="80px" Wrap="False" />

<ItemStyle HorizontalAlign="Left" Wrap="False" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="vnd_description" HeaderText="Description" SortExpression="vnd_description"

UniqueName="vnd_description">

<HeaderStyle Font-Bold="True" HorizontalAlign="Left" Wrap="False" />

<ItemStyle HorizontalAlign="Left" Wrap="False" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="vnd_email" HeaderText="Email" SortExpression="vnd_email"

UniqueName="vnd_email">

<HeaderStyle Font-Bold="True" HorizontalAlign="Left" Width="200px" Wrap="False" />

<ItemStyle HorizontalAlign="Left" Wrap="False" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="vnd_file_format" HeaderText="File Format" SortExpression="vnd_file_format"

UniqueName="vnd_file_format">

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" Width="90px" Wrap="False" />

<ItemStyle HorizontalAlign="Left" Wrap="False" />

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

<Selecting AllowRowSelect="True" />

<Resizing AllowColumnResize="True" AllowResizeToFit="True"

EnableRealTimeResize="True" />

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 26 Oct 2011

1 answer

113 views

Find <td> inside RadMenu

Hi all! I have a simple RadMenu that displays a static (not pulled from any sort of datasource) list of menu items like so:

<telerik:RadMenu ID="RadMenu1" runat="server" EnableShadows="true">

<Items>

<telerik:RadMenuItem Text="" PostBack="false" ImageUrl="~/i/opendata.png" NavigateUrl="data.aspx">

<Items>

<telerik:RadMenuItem Width="400px">

<ItemTemplate>

<div id="CatWrapper" class="Wrapper" style="width: 380px;">

<h3> Our Data</h3>

<table>

<tr>

<td valign="bottom"><a href="dfaq.aspx"><img src="i/faq_24.png" alt="FAQ" /></a>

</td>

<td width="175px"><a href="dfaq.aspx">Data FAQ</a></td>

<td valign="bottom"><a href="maps.aspx"><img src="i/map_24.png" alt="Maps" /></a></td>

<td><a href="mapcat.aspx">Maps</a></td>

</tr>

<tr>

<td valign="bottom" align="right"><a href="dldsoptions.aspx"><img src="i/globe_download_24.png" alt="Dowload Datasets" /></a>

</td>

<td><a href="dldsoptions.aspx">Download Datasets</a></td>

<td valign="bottom"><a href="otherdata.aspx"><img src="i/link_24.png" alt="Other Data Links" /></a>

</td>

<td><a href="otherdata.aspx">Other Data Links</a></td>

</tr>

<tr id="sde">

<td valign="bottom" id="sdeimgcell" runat="server" visible="false"><a href="sde.aspx"><img src="i/_engine_24.png" alt="SDE" /></a></td>

<td id="sdelinkcell" runat="server" visible="false"><a href="sde.aspx" >Access Data</a></td>

<td></td>

</tr>

</table>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

The last item I have set to visible="false" because I want to ensure in the code-behind that the user SHOULD see it, based on a role. I can't for the life of me figure out how to "find" the <td id="sdelinkcell"...>! Anyone? I need to make it visible for one role, but I'm stumped!

Menu

answered on 26 Oct 2011

1 answer

149 views

Custom Print Button to RadWindow Titlebar - Only prints first page

Could anyone offer any ideas as to why when using Firefox only the first page prints when using a custom print button on a RadWindow?

In my case two pages are printed, but only the first page has the text being printed and the rest of text that should appear on the second page isn't there. My print settings in Firefox are set to print the page #s and Date/Time in the footer, and these do appear on the second page so I know it's not just a blank sheet of paper printing.

If I use Google Chrome, the full text prints as expected on two pages (although the last line on the first page is only the top-half of the sentence and the first line of the second page is the bottom-half of the same sentence).

If I use IE, it prints exactly as it should...the full text prints as expected, and the last line on the first page is not cut-off and appears properly on the second page.

I really need this print functionality to work properly for Firefox as that is the browsers our users are told to use. If nothing else, at least Chrome as we do sometimes suggest that as alternative.

Note - our code for adding the custom print button is taken from the Telerik article "Adding a Custom Button to RadWindow Titlebar" (http://www.telerik.com/support/kb/aspnet-ajax/window/adding-a-custom-button-to-radwindow-titlebar.aspx)

Thanks!

Button

answered on 26 Oct 2011

3 answers

106 views

get RadDock attributes on client side

Hi
Is there anyway to read RadDock's attributes by it's js APIs ? (like RadToolbar that has specific js APIs to get it's attributes)

THANK YOU FOR YOUR FEEDBACK

General Discussions

answered on 26 Oct 2011

6 answers

299 views

Session Timeout on Ajax Enabled Pages - Response.RedirectLocation not working

We seem to be having a common problem with our web application; specifically that when the user attempts to click on a RadGrid, RadTabStrip or any other ajax enabled component on the page after the session has expired, an error occurs. This is the specific error:

Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: An unknown error occurred while processing the request on the server. The status code returned from the server was: 12030

I've done several searches on this topic, and one of the solutions that was recommended was to set the Response.RedirectLocation property in the Login page. I have tried this to, but I have still been unsuccessful.

As a workaround, I added a timer to my master page. My goal was to set the interval of the timer for the 15 minute session life and than automatically redirect the user to the Login page. The only problem is I cannot reset the timer if the user remains active, so it simply expires in 15 minutes (or whatever interval it is set to) whether the user is active or not. I am trying to use the following code to reset the timer:

protected void Page_Load(object sender, EventArgs e)

{

SessionTimer.Enabled = false;

SessionTimer.Interval = 30000;

SessionTimer.Enabled = true;

}

The code is being called, but it is not effecting the timer.

Any ideas on how to implement this solution?

Thanks,
Jerry

Ajax

answered on 26 Oct 2011

2 answers

92 views

Q3

I need to do a integration with facebook and anothers social networks ... is it possible i use Social Share control ? Could you send me binary file as Beta Component ???

General Discussions

answered on 26 Oct 2011

1 answer

74 views

Couldn't close RadWindows by Ok button

Hi all,

I use the following code in Server side to display error message.
The RadWindow is displayed successfully. However, I couldn't close it by OK button. Closed by using the red X works.
But when I release my project on IIS, I could close it by using OK button.
Have no idea what is going on.
Please help.

Dim myError As String = "This is an error message."

RadAjaxManager1.ResponseScripts.Add("radalert('" + myError + "', 430, 150);")

Thanks

Andy.

Window

answered on 26 Oct 2011

1 answer

91 views

code for re-ordering tabs in code-behind?

I have a strip of tabs set out in the normal way in the code-in-front. I would like to be able to change the order of appearance of the tabs in the strip. e.g.

Tab 1 | Tab 2 | Tab 3 | Tab 4

but I want to programatically, with a postback, change the on screen order of these to

Tab 3 | Tab 1 | Tab 4 | Tab 2

(or whatever). Is this possible, i fiddled for a while but couldn't see how it was done.

TabStrip

answered on 26 Oct 2011

1 answer

122 views

Problem with offsetY using server side

Hi, I have a page with 2 notifications object! Here the scenario, a page with three notifications objects. I have a link button, and by server side i call show of three objects.
How can i calculate offset for each object is necessary?
I've implemented "OnClientShowing" and "ONClientHidden", and works fine, but only If i used show notification from client side.
Any workaround?

Notification

answered on 26 Oct 2011

1 answer

87 views

how to add info to grid hierarchy

Hi all!!

I'm working with a RadGrid with hierarchies, but I have a couple of problems, I've managed to show the internal grids but when I display information in an internal grid I can not do depending on the value that has the grid father, my question is:
How I can make the relationship between parent and child grid?, And how to make each internal grid have different information?

Here is my code:

<telerik:RadGrid ID="grdCompCliente" runat="server" OnItemCommand="grdCompCliente_ItemCommand1"

OnItemCreated="grdCompCliente_ItemCreated1"

OnItemDataBound="grdCompCliente_ItemDataBound1" Skin="Windows7">

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

<MasterTableView AllowMultiColumnSorting="True" EnableNoRecordsTemplate="true"

GroupLoadMode="Server" ShowHeadersWhenNoRecords="false">

<NestedViewTemplate>

<asp:Panel ID="InnerContainer" runat="server" Visible="false">

<telerik:RadGrid ID="grdPostores" runat="server" >

<MasterTableView AutoGenerateColumns = "true">

<Columns>

<telerik:GridBoundColumn DataField="Nombre" HeaderText="Nombre del Postor">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<telerik:RadButton ID="cmdAgregarPostor" runat="server"

CausesValidation="False" Text="Agregar Postores">

</telerik:RadButton>

</asp:Panel>

</NestedViewTemplate>

<CommandItemSettings ExportToPdfText="Export to PDF" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"

Visible="True">

</ExpandCollapseColumn>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

</telerik:RadGrid>

protected void grdCompCliente_ItemDataBound1(object sender, GridItemEventArgs e)

{

if (e.Item is GridNestedViewItem)

{

try

{

int id = Convert.ToInt32(Session["Prueba"]);

DataAccesCatalogos compCliente = new DataAccesCatalogos();

((RadGrid)e.Item.FindControl("grdPostores")).DataSource = compCliente.GetBidders(id);

((RadGrid)e.Item.FindControl("grdPostores")).DataBind();

}

catch { }

}

protected void grdCompCliente_ItemCreated1(object sender, GridItemEventArgs e)

{

if (e.Item is GridNestedViewItem)

{

e.Item.FindControl("InnerContainer").Visible = ((GridNestedViewItem)e.Item).ParentItem.Expanded;

}

protected void grdCompCliente_ItemCommand1(object sender, GridCommandEventArgs e)

{

if (e.CommandName == RadGrid.ExpandCollapseCommandName && e.Item is GridDataItem)

{

((GridDataItem)e.Item).ChildItem.FindControl("InnerContainer").Visible = !e.Item.Expanded;

string id_comp = (e.Item as GridDataItem)["ID"].Text;

Session["Prueba"] = id_comp;

//Label1.Text = "id: " + Session["Prueba"].ToString();

}

Thankyou for your attention

Grid

answered on 26 Oct 2011