Questions on UI for ASP.NET AJAX Forum

1 answer

75 views

Hello!
I want to show the folders and files of a remote station using fileexplorer control. I receive an object with all the information(folders) and want to map it to the control. Is this possible?

thanks in advance

FileExplorer

answered on 16 Dec 2011

1 answer

106 views

Update Not working for me

I have an issue and I have been banging my head against the wall in solving this, This is some very basic stuff that is just not working for me. My Page Markup is as follows

<telerik:RadGrid ID="RadGrid1" runat="server" CssClass="RadGrid" GridLines="None"

wallowpaging="True" PageSize="20" AllowSorting="True" AutoGenerateColumns="False"

ShowStatusBar="True" AllowAutomaticDeletes="True" AllowAutomaticUpdates="True"

DataSourceID="SqlDataSource1" OnItemDeleted="RadGrid1_ItemDeleted" OnItemInserted="RadGrid1_ItemInserted"

OnItemUpdated="RadGrid1_ItemUpdated" OnItemCommand="RadGrid1_ItemCommand" OnPreRender="RadGrid1_PreRender"

CellSpacing="0" OnItemCreated="RadGrid1_ItemCreated" OnItemDataBound="RadGrid1_ItemDataBound">

<PagerStyle Mode="Slider" />

<ClientSettings>

<ClientEvents OnRowDblClick="RowDblClick" />

</ClientSettings>

<AlternatingItemStyle />

<MasterTableView CommandItemDisplay="Top" Name="Documents" AutoGenerateColumns="False"

Width="100%" DataSourceID="SqlDataSource1" DataKeyNames="ID">

<DetailTables>

<telerik:GridTableView DataKeyNames="ID" Name="Sections" DataSourceID="SqlDataSource2"

runat="server">

<%-- Sql DataSource 3 --%>

<DetailTables>

<telerik:GridTableView DataKeyNames="ID" Name="Requirements" DataSourceID="SqlDataSource3">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="DocumentSectionID" MasterKeyField="ID" />

</ParentTableRelation>

<Columns>

<telerik:GridBoundColumn DataField="ID" HeaderText="ID" SortExpression="ID" UniqueName="ID"

Visible="false" FilterControlAltText="Filter Name column">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DocNameReqID" SortExpression="DocNameReqID" FilterControlAltText="Filter Text column"

HeaderText="ID" UniqueName="DocNameReqID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Category" SortExpression="Category" FilterControlAltText="Filter Text column"

HeaderText="Category" UniqueName="Category">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Text" SortExpression="Text" FilterControlAltText="Filter Text column"

HeaderText="Text" UniqueName="Text">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Highlight" HeaderText="Highlight" SortExpression="Highlight"

UniqueName="Highlight" Visible="false" FilterControlAltText="Filter Highlight column">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Keyword" SortExpression="Keyword" FilterControlAltText="Filter Text column"

HeaderText="Keyword" UniqueName="Keyword">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn>

<ItemTemplate>

<asp:ImageButton ID="ibtnEdit" runat="server" CommandName="EditRecord" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "ID") %>'

AlternateText="Edit" ImageUrl="~/Images/edit.gif" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ConfirmText="Delete this record?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete"

UniqueName="ID">

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<%-- Sql DataSource 3 --%>

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="DocumentID" MasterKeyField="ID" />

</ParentTableRelation>

<Columns>

<telerik:GridBoundColumn DataField="ID" HeaderText="ID" SortExpression="ID" UniqueName="ID"

Visible="false" FilterControlAltText="Filter Name column">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn DataTextField="Name" HeaderText="Name" CommandName="RequirementLink"

ButtonType="LinkButton">

</telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="Text" SortExpression="Text" FilterControlAltText="Filter Text column"

HeaderText="Req Description" UniqueName="Text">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PageNo" SortExpression="PageNo" FilterControlAltText="Filter Text column"

HeaderText="Page" UniqueName="Text">

</telerik:GridBoundColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" FilterControlAltText="Filter EditCommandColumn column">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ConfirmText="Delete this record?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete"

UniqueName="ID">

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

</Columns>

<SortExpressions>

<telerik:GridSortExpression FieldName="ID"></telerik:GridSortExpression>

</SortExpressions>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn DataField="ID" HeaderText="ID" SortExpression="ID" UniqueName="ID"

Visible="true" FilterControlAltText="Filter Name column">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FileName" SortExpression="FileName" FilterControlAltText="Filter FileName column"

HeaderText="File Name" UniqueName="FileName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DocFormat" FilterControlAltText="Filter DocFormat column"

HeaderText="Format" SortExpression="DocFormat" UniqueName="DocFormat">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Size" FilterControlAltText="Filter Size column"

HeaderText="Size (KB)" SortExpression="Size" UniqueName="Size" DataType="System.Double">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TimeStamp" DataType="System.DateTime" FilterControlAltText="Filter TimeStamp column"

HeaderText="Time Stamp" SortExpression="TimeStamp" UniqueName="TimeStamp">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ParsedTime" DataType="System.DateTime" FilterControlAltText="Filter ParsedTime column"

HeaderText="Parsed Time" SortExpression="ParsedTime" UniqueName="ParsedTime">

</telerik:GridBoundColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" FilterControlAltText="Filter EditCommandColumn column">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Download" Text="Download"

ImageUrl="~/Images/download.png">

</telerik:GridButtonColumn>

<telerik:GridButtonColumn ConfirmText="Delete this record?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete"

UniqueName="ID">

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings UserControlName="EmployeeDetailsCS.ascx" EditFormType="WebUserControl">

<EditColumn UniqueName="EditCommandColumn1">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_WebBlue">

</HeaderContextMenu>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:DocumentParsingConnectionString %>"

SelectCommand="SELECT [ID],[Name], [FileName], [DocType], [DocFormat], [DocRefNo], [Title], [Size], [Version], [TimeStamp],[ParsedTime] FROM [Documents]"

UpdateCommand="UPDATE [Documents] SET [Name] = @Name WHERE [ID]=@ID" DeleteCommand="DELETE FROM [Documents] WHERE [ID] = @ID"

OldValuesParameterFormatString="original_{0}" ConflictDetection="OverwriteChanges">

<UpdateParameters>

<asp:Parameter Name="Name" Type="String" />

<asp:Parameter Name="original_ID" Type="Int64" />

<asp:Parameter Name="original_Name" Type="String" />

</UpdateParameters>

<DeleteParameters>

<asp:Parameter Name="ID" Type="Int64" />

</DeleteParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:DocumentParsingConnectionString %>"

SelectCommand="SELECT [ID],[PageNo],[Name],SUBSTRING ([Text], 0 , 255 ) AS [Text] FROM [DocumentSections] WHERE DocumentID=@DocumentID"

DeleteCommand="DELETE FROM [DocumentSections] WHERE [ID] = @ID">

<SelectParameters>

<asp:SessionParameter SessionField="DocumentID" Name="DocumentID" Type="Int64" />

</SelectParameters>

<DeleteParameters>

<asp:Parameter Name="ID" Type="Int64" />

</DeleteParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDataSource3" runat="server" ConnectionString="<%$ ConnectionStrings:DocumentParsingConnectionString %>"

SelectCommand="SELECT [DocumentSections].[Name] + CONVERT(varchar(250), ROW_NUMBER() OVER (ORDER BY [Requirements].[ID])) AS DocNameReqID, [DocumentSections].[DocumentID] AS [DocumentID], [DocumentSections].[Name] AS [DocumentSectionName], [Requirements].[ID],[Requirements].[Category],[Requirements].[Text], [Requirements].[Keyword], [Requirements].[Highlight] FROM [Requirements] INNER JOIN [DocumentSections] ON [Requirements].[DocumentSectionID] = [DocumentSections].[ID] WHERE [Requirements].[DocumentSectionID]=@DocumentSectionID"

DeleteCommand="DELETE FROM [Requirements] WHERE [ID] = @ID">

<SelectParameters>

<asp:SessionParameter SessionField="DocumentSectionID" Name="DocumentSectionID" Type="Int64" />

</SelectParameters>

<DeleteParameters>

<asp:Parameter Name="ID" Type="Int64" />

</DeleteParameters>

</asp:SqlDataSource>

Now I have created the following user control by looking at the demos page

<table id="Table3" cellspacing="1" cellpadding="1" width="100%" border="0">

<tr>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

Name:

</td>

<td>

<asp:HiddenField ID="hfID" runat="server" Value='<%# DataBinder.Eval( Container, "DataItem.Name" ) %>'></asp:HiddenField>

<asp:TextBox ID="TextBox7" runat="server" Text='<%# DataBinder.Eval( Container, "DataItem.Name" ) %>'>

</asp:TextBox>

</td>

</tr>

<tr>

<td>

FileName:

</td>

<td>

<asp:TextBox ID="TextBox8" runat="server" Text='<%# DataBinder.Eval( Container, "DataItem.FileName") %>'

TabIndex="1">

</asp:TextBox>

</td>

</tr>

<tr>

<td>

DocType:

</td>

<td>

<asp:TextBox ID="TextBox9" runat="server" Text='<%# DataBinder.Eval( Container, "DataItem.DocType") %>'

TabIndex="2">

</asp:TextBox>

</td>

</tr>

<tr>

<td>

DocFormat:

</td>

<td>

<asp:TextBox ID="TextBox5" runat="server" Text='<%# DataBinder.Eval( Container, "DataItem.DocFormat") %>'

TabIndex="2">

</asp:TextBox>

</td>

</tr>

<tr>

<td>

DocRefNo:

</td>

<td>

<asp:TextBox ID="TextBox10" runat="server" Text='<%# DataBinder.Eval( Container, "DataItem.DocRefNo") %>'

TabIndex="2">

</asp:TextBox>

</td>

</tr>

<tr>

<td align="right" colspan="2">

<asp:Button ID="btnUpdate" Text="Update" runat="server" CommandName="Update"

Visible='<%# !(DataItem is Telerik.Web.UI.GridInsertionObject) %>'

onclick="btnUpdate_Click">

</asp:Button>

<asp:Button ID="btnInsert" Text="Insert" runat="server" CommandName="PerformInsert"

Visible='<%# DataItem is Telerik.Web.UI.GridInsertionObject %>'></asp:Button>

<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"

CommandName="Cancel"></asp:Button>

</td>

</tr>

</table>

My problem is with the SQLDataSource Update command.... the ID passes by just fine but all the other values go in as NULL... I have confirmed this by running the profiler.

SQL PROFILER
"exec sp_executesql N'UPDATE [Documents] SET [Name] = @Name WHERE [ID]=@ID',N'@Name nvarchar(4000),@original_ID bigint,@original_Name nvarchar(4000)',@Name=NULL,@original_ID=179,@original_Name=NULL"

This is not worked for me at all from very beginning and I am very frustrated by this. Can any body help me with this. Thanks

Junaid Mufti
Synistosa Technologies
http://synistosa.com

Grid

answered on 16 Dec 2011

1 answer

67 views

Compact button popup location

Hi

Currently the compact button popup will be centered on the screen.
Is there any possibility to show the popup bellow the button?

Cheers,
Jani

SocialShare

answered on 16 Dec 2011

1 answer

89 views

directing page loading with radwindow

Hello!

I have inherited an asp.net project that relies heavily on the Telerik library. In the current application, there are two menu items that when clicked generate a redirect to the same asp page, but with different arguments:
~\myasppage.aspx?Mode="A"&Type="B";
~\myasppage.aspx?Mode="C"&Type="D";

So I have been asked to replace them with a dialog box that allows the user to choose the Mode and type, then opening the page. In looking at the Telerik controls that are available to me, it seems that the RadWindow is perfect. My strategy is:
redirect to the generic page:
~\myasppage.aspx
Define a RadWindow on the page and sets its VisibleOnPageLoad to true.

The RadWindows contains a Cancel button and a Next button. Selection of the cancel button closes the dialog and leaves an empty page. Selection of the Next button will redirect to the same page but contain the Mode and Type parameters using the
window.location = myasppage.aspx?Mode="whatever"&Type="whatever";

My problem is that because VisibleOnPageLoad=true the radwindow always opens so I can't load the real page!

Am I going about this correctly? Is there another control to deal with this?

I was thinking that I could set VisibleOnPageLoad to false, then check for my parameters in the OnPreInit method to decide if I should show the radwindow.

I haven't been able to figure out how to call a javascript function (to show the radwindow) from the code behind, and even if I could, I'm not sure that the javascript would even be loaded yet!

Is there a better way of doing this? Will this even work?

thanks

Window

answered on 16 Dec 2011

1 answer

70 views

RadInput + ClientEvents.OnKeyPress + MaxLength

This must be my week for strange problems. Actually, I'm upgrading half a million lines of code from ASP.NET 2.0 to 4.0, and taking my telerik from 2009 Q3 to 2011 Q3, so I've got to catch up on 2 - 5 years of advancements.

Anyway, I'm seeing some strageness in RadInput. I'm trying to add a specific default button for the enter key. Simple enough, right? Handle the keypress and act on keyCode 13.

I've found through testing though, that when you have MaxLength defined on the field, characters don't seem to be accepted. The enter key still works fine, but nothing shows up in the field.

Here's what I did:

s = string.Empty;

s += "function " + this.ClientID + "_defaultEnter(sender, eventArgs) { \r\n";

s += " var c = eventArgs.get_keyCode(); \r\n";

s += " var btn = document.getElementById('" + btnSearch.ClientID + "'); \r\n";

s += " if (c == 13){ \r\n";

s += " btn.click(); \r\n";

s += " eventArgs.set_cancel(true); \r\n";

s += " } \r\n";

s += "}\r\n";

this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(), this.ClientID + "_defaultEnter", s, true);

fldCaseNumber.ClientEvents.OnKeyPress = this.ClientID + "_defaultEnter";

And yes, I know (now) that strings are immutable and I should be using a StringBuilder instead of += ... let's stick to the topic, eh? :)

Anyway, I can live without the MaxLength, I just wanted to share the pain and maybe help someone who can't figure out why their keyboard suddenly stopped working on that textbox.

-Chris

Input

answered on 16 Dec 2011

1 answer

103 views

Add, Delete buttons for RadAsyncUpload control

Hi,

I downloaded the trial version of ASP.NET Ajax controls and I tried explore the RadAsyncUpload control.

I am bit confused about the look and feel of the RadAsyncUpload and RadUpload control.

When I used RadAsyncUpload control, I don't know to display the Add, delete buttons to this control
(Not finding the ControlObjectsVisibility Preoperty) .
But in the online help document I can see the Add and delete buttons for the RadAsyncUpload control in this link.

My requirement is to get the same look and feel of RadUpload control for RadAsyncUpload control and as well as validate the file size at client side.

Please help me to solve the above issue?

Thanks
Prabhakar

AsyncUpload

answered on 16 Dec 2011

2 answers

210 views

AsyncUpload with Disable Embedded Scripts

Hello, I have added asyncupload control in page and set EnableEmbeddedScripts="false", for this I have to add related scripts in file. So I have added like below <asp:ScriptManager runat="server" ID="RadScriptManager1" AsyncPostBackTimeout="18000">
<Scripts>
<%--RadWindow--%>
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/Core.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Upload/RadProgressManager.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/jQuery.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/jQueryPlugins.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Upload/RadUpload.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/AsyncUpload/RadAsyncUploadScripts.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/PopUp/PopUpScripts.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Upload/RadProgressArea.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/Animation/AnimationScripts.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Window/RadWindowScripts.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Window/RadWindowManager.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/TouchScrollExtender.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Ajax/Ajax.js" />
<%--RadSplitter--%>
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Splitter/RadSplitterScripts.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Splitter/RadSlidingZoneScripts.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/Navigation/NavigationScripts.js" />
<%--RadPanelBar--%>
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/PanelBar/RadPanelBarScripts.js" />
<%--RadComboBox--%>
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/ComboBox/RadComboBoxScripts.js" />
<%--RadTreeView--%>
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/TreeView/RadTreeViewScripts.js" />
<%--RadContextMenu--%>
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Menu/RadMenuScripts.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Menu/ContextMenu/RadContextMenuScripts.js" />
<%--noderenderer--%>
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Grid/RadGridScripts.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Button/RadButton.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/Scrolling/ScrollingScripts.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/TabStrip/RadTabStripScripts.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/TabStrip/MultiPage/RadMultiPageScripts.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Input/TextBox/RadInputScript.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Input/DateInput/RadDateInputScript.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Calendar/RadCalendarCommonScript.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Calendar/RadCalendarScript.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Calendar/RadDatePicker.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Calendar/RadPickersPopupDirectionEnumeration.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Editor/RadEditor.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/LayoutBuilder/LayoutBuilderEngine.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Spell/SpellCheckService.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Editor/Modules.js" />
<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Dialogs/RadDialogOpenerScripts.js" />
</Scripts>
</asp:ScriptManager> Upload control code ===================== <telerik:RadAsyncUpload ID="rubg" runat="server"
EnableEmbeddedScripts="false" EnableInlineProgress="false" ProgressHandlerUrl="">
</telerik:RadAsyncUpload> When I load the page then it is loaded successfully, but when I click on upload > then select Image -> then process image show in red and it will display error in error console as below POST http://localhost/enigma/Telerik.Web.UI.WebResource.axd?type=rau 404 (Not Found) Uncaught Error while uploading, HTTP Error code is: 404
Please Help me out this issue.

Thanks in advance,
Mohmedsadiq Modan

AsyncUpload

answered on 16 Dec 2011

3 answers

147 views

how to select multiple records in a radgrid with out the use of 'Ctrl' key

hi,
We have a requirement from our client to select multiple records in a grid, just by a mouse click on each record and without using the 'Ctrl' key.

Please help me how to implement the multi-selection of the records in the radgrid without using the 'Ctrl' key.

Thanks in advance.

Grid

answered on 16 Dec 2011

3 answers

107 views

Show details in ajax panel on Row Select event

Hello,

I have a Rad Grid to the left of my page and a ajax panel to the right, I basically want the user to be able to select any row in my grid which in turn will pass an ID and refresh the ajax panel showing the selected row details.

I'm pretty sure you used to have an online example of this scenerio, if so could please link it (I've looked everywhere for it to no avail).

Thank you.

Grid

answered on 16 Dec 2011

1 answer

268 views

How to create parent table relation in hierarchical grid with template

Hi,

I am creating a hierarchical grid with template as shown in link below. However, all of my tab pages in the nested view template have chidgrids. . There is n-level of hierarchy. How can i create parent table relation in hierarchical grid with template to avoid infinite loop.

http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/nestedviewtemplate/defaultcs.aspx

Thanks,
Prava

Grid

answered on 16 Dec 2011