Questions on UI for ASP.NET AJAX Forum

1 answer

257 views

1. Is the padding-left:22px for the RadTextBox necessary in class .RadInputRTL?
2. Is the change I mentioned above, was done from version: 2013.2.717.40? Are there any new css changes?

*The css change I mentioned above affected all our forms layout.

Thanks.

Input

answered on 14 Aug 2013

2 answers

130 views

[Solved] Display a Confirmation after insert or update

I need to display a confirmation of some sort, preferably just a simple Label that will say complete or failed after a user inserts or updates a record in my RadGrid. This seems like it should be so simple but it does not appear that I can reach my label from within the InsertCommand event. So how do I detect that the insert or update has completed then display the ASP label with the confirmation?

Grid

answered on 14 Aug 2013

5 answers

777 views

[Solved] How to fire click event using a button in nestedviewtemplate inside a grid

I am evaluating Telerik component for a project and I am running into some issue that I hope someone could assist me with.

I have a button inside a nestedviewtemplate which is embedded inside a grid control. I have populated the grid with my data using the OnNeedDataSource property, I was also able to get detailed records on the ListView, however, I needed to perform an update to some tables when a button inside the nestedviewtemplate is clicked.

I could not find the button inside the click event. Also, I do not know how to wire the click event to my button since it cannot be referenced. I have my codes attached.

I will appreciate any assistance while I continue to search the forum for possible prior solution to this type of question

ASPX Codes:
===========

<telerik:RadGrid ID="grdExtrUntReq" <br> runat="server" <br> AllowPaging="True" <br> CellSpacing="0" <br> CssClass="RadGridSearch"<br> GridLines="None" <br> OnNeedDataSource="grdExtrUntReq_NeedDataSource" <br> PageSize="10"> <br> <MasterTableView AutoGenerateColumns="False"><br> <NoRecordsTemplate><br> No records<br> </NoRecordsTemplate><br> <RowIndicatorColumn Visible="True"><br> <HeaderStyle Width="20px"></HeaderStyle><br> </RowIndicatorColumn><br> <ExpandCollapseColumn Visible="True"><br> <HeaderStyle Width="20px"></HeaderStyle><br> </ExpandCollapseColumn><br> <Columns><br> <telerik:GridTemplateColumn DataField="personid" HeaderText="ID" UniqueName="TemplateColumn"><br> <ItemTemplate><br> <asp:Label ID="lblID" runat="server" Text='<%# Eval("personid") %>'></asp:Label><br> <asp:HiddenField ID="hfID" runat="server" Value='<%# Eval("personid") %>' /><br> </ItemTemplate><br> </telerik:GridTemplateColumn><br> <telerik:GridTemplateColumn DataField="fullname" HeaderText="Full Name" UniqueName="TemplateColumn1"><br> <ItemTemplate><br> <asp:Label ID="Label1" runat="server" Text='<%# Eval("fullname").ToString() %>'></asp:Label><br> </ItemTemplate><br> </telerik:GridTemplateColumn><br> <telerik:GridTemplateColumn DataField="ayear" HeaderText="Year" UniqueName="TemplateColumn2"><br> <ItemTemplate><br> <asp:Label ID="Label2" runat="server" Text='<%# Eval("ayear").ToString() %>'></asp:Label><br> </ItemTemplate><br> </telerik:GridTemplateColumn><br> <telerik:GridTemplateColumn DataField="levelcode" HeaderText="Level" UniqueName="TemplateColumn3"><br> <ItemTemplate><br> <asp:Label ID="Label3" runat="server" Text='<%# Eval("levelcode").ToString() %>'></asp:Label><br> </ItemTemplate><br> </telerik:GridTemplateColumn><br> <telerik:GridTemplateColumn DataField="semcode" HeaderText="Seminoles" UniqueName="TemplateColumn4"><br> <ItemTemplate><br> <asp:Label ID="Label4" runat="server" Text='<%# Eval("semcode").ToString() %>'></asp:Label><br> </ItemTemplate><br> </telerik:GridTemplateColumn><br><br> </Columns><br> <br> <br> <NestedViewTemplate><br> <telerik:RadListView <br> ID="lvExtrUntReqApprovalList" <br> runat="server" <br> OnNeedDataSource="lvExtrUntReqApprovalList_NeedDataSource"<br> ItemPlaceholderID="phExtraUntReq"><br> <LayoutTemplate><br> <fieldset><br> <legend style="padding: 5px;"><b>Request Details</b><br> </legend><br> <asp:PlaceHolder ID="phExtraUntReq" runat="server"></asp:PlaceHolder><br> </fieldset><br> </LayoutTemplate><br> <ItemTemplate><br> <table><br> <tr><br> <td style="font-style:italic;">Full Name:</td><br> <td style="font-weight:bold"><br> <asp:Label ID="Label8" runat="server" Text='<%# Eval("fullname") %>'><br> </asp:Label><br> </td><br> </tr><br> <tr><br> <td style="font-style:italic;">Overall Grade:</td><br> <td style="font-weight:bold"><br> <asp:Label ID="Label9" runat="server" Text='<%# Eval("grade") %>'><br> </asp:Label><br> </td><br> </tr><br> <tr><br> <td style="font-style:italic;">Requested Unit(s):</td><br> <td style="font-weight:bold"><br> <asp:Label ID="Label10" runat="server" Text='<%# Eval("unitrequested") %>'><br> </asp:Label><br> </td><br> </tr><br> <tr><br> <td style="font-style:italic;">Request Date & Time:</td><br> <td style="font-weight:bold"><br> <asp:Label ID="Label12" runat="server" Text='<%# Eval("daterequested") %>'><br> </asp:Label><br> </td><br> </tr><br> <tr><br> <td>Approve/Reject Request:</td><br> <td><br> <asp:CheckBox ID="chkAprv" runat="server" Text="Approve" /> <br> <asp:CheckBox ID="chkRej" runat="server" Text="Reject" /><br> <cc1:MutuallyExclusiveCheckBoxExtender ID="chkAprvE" runat="server" TargetControlID="chkAprv" Key="AprvRej" /> <br> <cc1:MutuallyExclusiveCheckBoxExtender ID="chkRejE" runat="server" TargetControlID="chkRej" Key="AprvRej" /><br> </td><br> </tr><br> <tr><br> <td style="font-style:italic;">Unit(s) Approved:</td><br> <td style="font-weight:bold"><br> <asp:DropDownList ID="ddlUntAprv" runat="server"><br> <asp:ListItem Text="Select..." Value=""></asp:ListItem><br> <asp:ListItem Text="1" Value="1"></asp:ListItem><br> <asp:ListItem Text="2" Value="2"></asp:ListItem><br> <asp:ListItem Text="3" Value="3"></asp:ListItem><br> <asp:ListItem Text="4" Value="4"></asp:ListItem><br> <asp:ListItem Text="5" Value="5"></asp:ListItem><br> <asp:ListItem Text="6" Value="6"></asp:ListItem><br> <asp:ListItem Text="7" Value="6"></asp:ListItem><br> <asp:ListItem Text="8" Value="6"></asp:ListItem><br> <asp:ListItem Text="9" Value="6"></asp:ListItem><br> <asp:ListItem Text="10" Value="6"></asp:ListItem><br> <asp:ListItem Text="11" Value="6"></asp:ListItem><br> <asp:ListItem Text="12" Value="6"></asp:ListItem><br> </asp:DropDownList><br> </td><br> </tr><br> <tr><br> <td><br> <asp:Button ID="btnExUntReq" runat="server" Text="Submit" onclick="btnExUntReq_Click" /></td><br> </tr><br> </table><br> </ItemTemplate><br> </telerik:RadListView><br> </NestedViewTemplate><br> <br> <br> <EditFormSettings><br> <EditColumn FilterControlAltText="Filter EditCommandColumn column"><br> </EditColumn><br> </EditFormSettings><br> </MasterTableView><br> </telerik:RadGrid>

CS Codes
========

protected void grdExtrUntReq_NeedDataSource(object source, GridNeedDataSourceEventArgs e)<br> {<br>

//Get year<br>        LookUpRecordsInformation l1 = LookUps.GetApplicationSettingValues("CURRENT_YEAR");<br>        string sYear = l1.sSettingValue;<br><br>        //Get seminole<br>        LookUpRecordsInformation l2 = LookUps.GetApplicationSettingValues("CURRENT_SEMINOLE");<br>        string sSeminole = l2.sSettingValue;<br><br>        string sApproverID = Page.User.Identity.Name.ToString();<br><br>        grdExtrUntReq.DataSource = GetRecords.GetUnitRequestListForApproval(sYear, sSeminole, sApproverID);<br>    }<br><br>    protected void lvExtrUntReqApprovalList_NeedDataSource(object sender, RadListViewNeedDataSourceEventArgs e)<br>    {<br><br>        //Get year<br>        LookUpRecordsInformation l1 = LookUps.GetApplicationSettingValues("CURRENT_YEAR");<br>        string sYear = l1.sSettingValue;<br><br>        //Get seminole<br>        LookUpRecordsInformation l2 = LookUps.GetApplicationSettingValues("CURRENT_SEMINOLE");<br>        string sSeminole = l2.sSettingValue;<br><br>        GridDataItem parentItem = ((sender as RadListView).NamingContainer as GridNestedViewItem).ParentItem as GridDataItem;<br>        string sID = (parentItem.FindControl("hfID") as HiddenField).Value;<br>        (sender as RadListView).DataSource = GetRecords.GetUnitRequestList(sID, sYear, sSeminole);<br>    }<br><br><br>        protected void btnExUntReq_Click(object sender, EventArgs e)<br>    {<br>        //Got completely lost here....on how to wire button btnExUntReq to fire the codes to perform my updates<br>    <br>    bool success = UpdateRecords.UpdateUntRequestList(sID, sYear, sSeminole);<br>    }

Grid

answered on 14 Aug 2013

1 answer

108 views

Multiple resources in radschedular

Hello,
i am adding a resource in radschedular in which the property of resource AllowMultiplevalues is true. Now i want to ask that is there any way to find the particular values which are selected by the user and on which event we can do this??

<telerik:RadScheduler ID="RadScheduler1" runat="server" DataDescriptionField="abc_description"

DataEndField="schedule_todate" DataKeyField="abc_id" DataRecurrenceField="RecData"

DataRecurrenceParentKeyField="RecParent" DataSourceID="SqlDS_abc" DataStartField="schedule_fromdate"

DataSubjectField="abc_title" EnableDescriptionField="True" SelectedView="MonthView" >

<ResourceTypes>

<telerik:ResourceType DataSourceID="SqlDS_DBGroup" ForeignKeyField="dbGrp_id"

KeyField="dbGrp_id

" Name="DB_Group" TextField="dbgrp_name" AllowMultipleValues="true" />

</ResourceTypes>

</telerik:RadScheduler>

<asp:SqlDataSource ID="SqlDS_DBGroup" runat="server" ConnectionString="<%$ ConnectionStrings:DB_LiveConnectionString %>"

DeleteCommand="DELETE FROM ref.abc WHERE (abc_id= @abc_id)" InsertCommand="INSERT INTO ref.abc(dbgrp_name

, schedule_fromdate, schedule_todate, abc_description, RecParent, RecData, abc_type_id,user_fkid, grp_fkid) VALUES (@dbgrp_name

, @schedule_fromdate, @schedule_todate, @abc_description

, @RecParent, @RecData, ISNULL(@abc_type_id

,-1),@user_fkid,ISNULL(@grp_fkid

,-1))"

SelectCommand="DECLARE @return_value int EXEC @return_value = [dbo].[selectActivity] @user_fkid"

>

Calendar

answered on 14 Aug 2013

5 answers

312 views

Unable to delete file

Hi,

i use FileExplorer, and i can't delete file.

Uploading file is ok
I test permissions with the function FullPermissionsTest, everything is ok.

string physicalPathToTestFolder = System.IO.Path.Combine(testPhysicalPath, "");
System.IO.DirectoryInfo testDir = System.IO.Directory.CreateDirectory(physicalPathToTestFolder);// Create folder
testDir.GetDirectories();// List folders
string testFilePath = System.IO.Path.Combine(testDir.FullName, "plpA034-C020540.jpg");// test file paths
System.IO.File.Create(testFilePath).Close();// Create a file
testDir.GetFiles("*.*");// List files
System.IO.File.OpenRead(testFilePath).Close();// Open a file
System.IO.File.Delete(testFilePath);// delete the test file

Notice that all paths are set at run time but initialpath is not set (because if i put a path (the same as viewpath eg) i ve got an error.
At design time : enableviewstate = true

The message is : the selected file could not be deleted because the application did not have enough permissions...
im on Q2 2013 sp1

im stuck since 3 days... :/

please help

ty

FileExplorer

answered on 14 Aug 2013

1 answer

116 views

Can't change the language of my grid on Q1 2012

Hi!

I need to change to spanish the language of my grids. I've searched and came through the solution. However it doesn't work to me. I don't know if Im doing something wrong or it's my version that dont support that feature, because im following the three steps:

1. Add RadGrid.Main.resx file to your application’s App_GlobalResources folder.

2. Create a language pack i.e. RadGrid.Main.<locale id>.resx and add it to App_GlobalResources folder.

3.Set the culture to use on the RadGrid.

My language pack is named "RadGrid.Main.es-GT.resx" and the culture is "es-GT". I even tried with french(fr-FR) and still nothing. The language pack is configured as the required languge.

I hope I find some help here.

Regards,

Jacobo.

Grid

answered on 14 Aug 2013

6 answers

144 views

Radalert with asp updatepanel

Hello,

We have an application built with default page, which includes iframe for content pages.

Every page in our application is in master page.

Also, most our page built with user controls.

Now, we are calling in code behind from our user controls to a script which has a radalert statement.

Actually we saw that when there is an asp updatepanel in our user control, the radalert doesn’t work.

Calling the same script from the page's code behind, which has no update panel, works.

We tried also to use the sys.application.add_load and sys.application,remove statements, but nothing works.

Do you have any solution using radalert with update panel on pages?

One mention: we use the update panel with triggers. If u have another control which makes the same work as the update panel, and can be used with radalert, so we will preciate if you explain us the control and how to use it.

Thanks,

gila

Ajax

answered on 14 Aug 2013

2 answers

364 views

How to override the CSS Class for Numeric and DateTime Column Filter TextBox

Hi,

I'm trying to style the Filter TextBox of the RadGrid to ensure that it is sized dynamically based on the column size, as the user can resize the columns at run time. For this purpose, i'm overriding the .rgFilterBox class.

.RadGrid_Office2010Silver .rgFilterBox

{

width: 60%;

}

But, this override is only working on the Columns that are of 'String' datatype and not on the columns that are of Int32 or DateTime datatype. Here is the HTML generated.

<td style="white-space: nowrap;">

<span style="width: 160px;" id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RNTBF_ExecutionID_wrapper" class="riSingle RadInput RadInput_Office2010Silver">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RNTBF_ExecutionID" class="riTextBox riEnabled" name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$RNTBF_ExecutionID" alt="Filter ExecutionID column" type="text">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RNTBF_ExecutionID_ClientState" name="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RNTBF_ExecutionID_ClientState" value=

'{"enabled":true,"emptyMessage":"","validationText":"","valueAsString":"","minValue":-70368744177664,"maxValue":70368744177664,"lastSetTextBoxValue":""}'

type="hidden" autocomplete="off">

<link class="Telerik_stylesheet" rel="stylesheet" type="text/css" href=

"/WebResource.axd?d=TXcIPBwelNNJhd9osKEgZ1rgDNwSIT7J2Ywq_SZFmBjIREnAgV5VheKkhOCs164FjgLFqPNP6aBvaYiiUZzm0BGwQKQ1XtI3Dm8uoriG4YmIXRanCztklNPa9nwg92ZHd_DLUedlKO-L5z_rFNC11w2&t=635115496953713232"

>

<link class="Telerik_stylesheet" rel="stylesheet" type="text/css" href=

"/WebResource.axd?d=jetM8ByDnMWx_zwPTqqCl79yyZ7gcmoXn8h0lFYvJHGNeEk4kCfx7VdkPW_TVdpSyLhbpArTtkVE_E99Xejj6hI4bR7BDPBYcv7mQNFSj21lZA3EsuAQcyYz_GZzehcJNOdtbfBtakXnOhdagt8MAAFcS3ZAlYsKjaN4uru9gps8OQNz2sHvHXKc2rAhMnoE0&t=635115496249932861"

>

</span>

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_Filter_ExecutionID" class="rgFilter" title="Filter" onclick=

"$find("ctl00_MainContent_ContentGrid")._showFilterMenu("ctl00_MainContent_ContentGrid_ctl00", "ExecutionID", event); return false;__doPostBack('ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_ExecutionID','')"

name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_ExecutionID" value="" type="button">

</td>

<td style="white-space: nowrap;">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_FilterTextBox_ExecutionCode" class="rgFilterBox" onkeypress="if((event.keyCode == 13)) return false;" name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$FilterTextBox_ExecutionCode" alt="Filter ExecutionCode column" size="10" type="text">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_Filter_ExecutionCode" class="rgFilter" title="Filter" onclick=

"$find("ctl00_MainContent_ContentGrid")._showFilterMenu("ctl00_MainContent_ContentGrid_ctl00", "ExecutionCode", event); return false;__doPostBack('ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_ExecutionCode','')"

name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_ExecutionCode" value=" " type="button">

</td>

<td style="white-space: nowrap;">

<span style="width: 160px;" id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RNTBF_CampaignID_wrapper" class="riSingle RadInput RadInput_Office2010Silver">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RNTBF_CampaignID" class="riTextBox riEnabled" name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$RNTBF_CampaignID" alt="Filter CampaignID column" type="text">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RNTBF_CampaignID_ClientState" name="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RNTBF_CampaignID_ClientState" value=

'{"enabled":true,"emptyMessage":"","validationText":"","valueAsString":"","minValue":-70368744177664,"maxValue":70368744177664,"lastSetTextBoxValue":""}'

type="hidden" autocomplete="off">

</span>

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_Filter_CampaignID" class="rgFilter" title="Filter" onclick=

"$find("ctl00_MainContent_ContentGrid")._showFilterMenu("ctl00_MainContent_ContentGrid_ctl00", "CampaignID", event); return false;__doPostBack('ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_CampaignID','')"

name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_CampaignID" value="" type="button">

</td>

<td style="white-space: nowrap;">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_FilterTextBox_CampaignName" class="rgFilterBox" onkeypress="if((event.keyCode == 13)) return false;" name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$FilterTextBox_CampaignName" alt="Filter CampaignName column" size="10" type="text">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_Filter_CampaignName" class="rgFilter" title="Filter" onclick=

"$find("ctl00_MainContent_ContentGrid")._showFilterMenu("ctl00_MainContent_ContentGrid_ctl00", "CampaignName", event); return false;__doPostBack('ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_CampaignName','')"

name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_CampaignName" value=" " type="button">

</td>

<td style="white-space: nowrap;">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_FilterTextBox_MarketName" class="rgFilterBox" onkeypress="if((event.keyCode == 13)) return false;" name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$FilterTextBox_MarketName" alt="Filter MarketName column" size="10" type="text">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_Filter_MarketName" class="rgFilter" title="Filter" onclick=

"$find("ctl00_MainContent_ContentGrid")._showFilterMenu("ctl00_MainContent_ContentGrid_ctl00", "MarketName", event); return false;__doPostBack('ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_MarketName','')"

name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_MarketName" value=" " type="button">

</td>

<td style="white-space: nowrap;">

<div style="width: 85%; display: inline-block;" id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFScheduledStartDate_wrapper" class="RadPicker RadPicker_Office2010Silver">

<input style=

"margin: 0px 0px -1px -1px; padding: 0px; border: 0px currentColor; width: 1px; height: 1px; overflow: hidden; float: right; display: block; visibility: hidden;"

id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFScheduledStartDate" class="rdfd_ radPreventDecorate" title="Visually hidden input created for functionality purposes." name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$RDIPFScheduledStartDate" value="" type="text">

<table style="width: 100%;" class="rcTable rcSingle" cellSpacing="0" summary="Table holding date picker control for selection of dates.">

<caption style="display: none;">

RadDatePicker

</caption>

<thead style="display: none;">

<tr>

<th scope="col"></th>

</tr>

</thead>

<tbody>

<tr>

<td style="width: 100%;" class="rcInputCell">

<span style="width: 100%; display: block;" id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFScheduledStartDate_dateInput_wrapper" class="riSingle RadInput RadInput_Office2010Silver">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFScheduledStartDate_dateInput" class="riTextBox riEnabled" name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$RDIPFScheduledStartDate$dateInput" alt="Filter ScheduledStartDate column" type="text">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFScheduledStartDate_dateInput_ClientState" name="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFScheduledStartDate_dateInput_ClientState" value=

'{"enabled":true,"emptyMessage":"","validationText":"","valueAsString":"","minDateStr":"1900-01-01-00-00-00","maxDateStr":"2099-12-31-00-00-00","lastSetTextBoxValue":""}'

type="hidden" autocomplete="off">

</span>

</td>

<td>

<a id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFScheduledStartDate_popupButton" class="rcCalPopup" title="Open the calendar popup." href="#">Open the calendar popup.</a>

</td>

</tr>

</tbody>

</table>

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFScheduledStartDate_ClientState" name="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFScheduledStartDate_ClientState" value='{"minDateStr":"1900-01-01-00-00-00","maxDateStr":"2099-12-31-00-00-00"}' type="hidden" autocomplete="off">

</div>

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_Filter_ScheduledStartDate" class="rgFilter" title="Filter" onclick=

"$find("ctl00_MainContent_ContentGrid")._showFilterMenu("ctl00_MainContent_ContentGrid_ctl00", "ScheduledStartDate", event); return false;__doPostBack('ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_ScheduledStartDate','')"

name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_ScheduledStartDate" value="" type="button">

</td>

<td style="white-space: nowrap;">

<div style="width: 85%; display: inline-block;" id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedDeliveryDate_wrapper" class="RadPicker RadPicker_Office2010Silver">

<input style=

"margin: 0px 0px -1px -1px; padding: 0px; border: 0px currentColor; width: 1px; height: 1px; overflow: hidden; float: right; display: block; visibility: hidden;"

id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedDeliveryDate" class="rdfd_ radPreventDecorate" title="Visually hidden input created for functionality purposes." name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$RDIPFExpectedDeliveryDate" value="" type="text">

<table style="width: 100%;" class="rcTable rcSingle" cellSpacing="0" summary="Table holding date picker control for selection of dates.">

<caption style="display: none;">

RadDatePicker

</caption>

<thead style="display: none;">

<tr>

<th scope="col"></th>

</tr>

</thead>

<tbody>

<tr>

<td style="width: 100%;" class="rcInputCell">

<span style="width: 100%; display: block;" id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedDeliveryDate_dateInput_wrapper" class="riSingle RadInput RadInput_Office2010Silver">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedDeliveryDate_dateInput" class="riTextBox riEnabled" name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$RDIPFExpectedDeliveryDate$dateInput" alt="Filter ExpectedDeliveryDate column" type="text">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedDeliveryDate_dateInput_ClientState" name="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedDeliveryDate_dateInput_ClientState" value=

'{"enabled":true,"emptyMessage":"","validationText":"","valueAsString":"","minDateStr":"1900-01-01-00-00-00","maxDateStr":"2099-12-31-00-00-00","lastSetTextBoxValue":""}'

type="hidden" autocomplete="off">

</span>

</td>

<td>

<a id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedDeliveryDate_popupButton" class="rcCalPopup" title="Open the calendar popup." href="#">Open the calendar popup.</a>

</td>

</tr>

</tbody>

</table>

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedDeliveryDate_ClientState" name="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedDeliveryDate_ClientState" value='{"minDateStr":"1900-01-01-00-00-00","maxDateStr":"2099-12-31-00-00-00"}' type="hidden" autocomplete="off">

</div>

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_Filter_ExpectedDeliveryDate" class="rgFilter" title="Filter" onclick=

"$find("ctl00_MainContent_ContentGrid")._showFilterMenu("ctl00_MainContent_ContentGrid_ctl00", "ExpectedDeliveryDate", event); return false;__doPostBack('ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_ExpectedDeliveryDate','')"

name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_ExpectedDeliveryDate" value="" type="button">

</td>

<td style="white-space: nowrap;">

<div style="width: 85%; display: inline-block;" id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFPromiseDate_wrapper" class="RadPicker RadPicker_Office2010Silver">

<input style=

"margin: 0px 0px -1px -1px; padding: 0px; border: 0px currentColor; width: 1px; height: 1px; overflow: hidden; float: right; display: block; visibility: hidden;"

id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFPromiseDate" class="rdfd_ radPreventDecorate" title="Visually hidden input created for functionality purposes." name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$RDIPFPromiseDate" value="" type="text">

<table style="width: 100%;" class="rcTable rcSingle" cellSpacing="0" summary="Table holding date picker control for selection of dates.">

<caption style="display: none;">

RadDatePicker

</caption>

<thead style="display: none;">

<tr>

<th scope="col"></th>

</tr>

</thead>

<tbody>

<tr>

<td style="width: 100%;" class="rcInputCell">

<span style="width: 100%; display: block;" id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFPromiseDate_dateInput_wrapper" class="riSingle RadInput RadInput_Office2010Silver">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFPromiseDate_dateInput" class="riTextBox riEnabled" name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$RDIPFPromiseDate$dateInput" alt="Filter PromiseDate column" type="text">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFPromiseDate_dateInput_ClientState" name="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFPromiseDate_dateInput_ClientState" value=

'{"enabled":true,"emptyMessage":"","validationText":"","valueAsString":"","minDateStr":"1900-01-01-00-00-00","maxDateStr":"2099-12-31-00-00-00","lastSetTextBoxValue":""}'

type="hidden" autocomplete="off">

</span>

</td>

<td>

<a id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFPromiseDate_popupButton" class="rcCalPopup" title="Open the calendar popup." href="#">Open the calendar popup.</a>

</td>

</tr>

</tbody>

</table>

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFPromiseDate_ClientState" name="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFPromiseDate_ClientState" value='{"minDateStr":"1900-01-01-00-00-00","maxDateStr":"2099-12-31-00-00-00"}' type="hidden" autocomplete="off">

</div>

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_Filter_PromiseDate" class="rgFilter" title="Filter" onclick=

"$find("ctl00_MainContent_ContentGrid")._showFilterMenu("ctl00_MainContent_ContentGrid_ctl00", "PromiseDate", event); return false;__doPostBack('ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_PromiseDate','')"

name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_PromiseDate" value="" type="button">

</td>

<td style="white-space: nowrap;">

<div style="width: 85%; display: inline-block;" id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedContactDate_wrapper" class="RadPicker RadPicker_Office2010Silver">

<input style=

"margin: 0px 0px -1px -1px; padding: 0px; border: 0px currentColor; width: 1px; height: 1px; overflow: hidden; float: right; display: block; visibility: hidden;"

id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedContactDate" class="rdfd_ radPreventDecorate" title="Visually hidden input created for functionality purposes." name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$RDIPFExpectedContactDate" value="" type="text">

<table style="width: 100%;" class="rcTable rcSingle" cellSpacing="0" summary="Table holding date picker control for selection of dates.">

<caption style="display: none;">

RadDatePicker

</caption>

<thead style="display: none;">

<tr>

<th scope="col"></th>

</tr>

</thead>

<tbody>

<tr>

<td style="width: 100%;" class="rcInputCell">

<span style="width: 100%; display: block;" id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedContactDate_dateInput_wrapper" class="riSingle RadInput RadInput_Office2010Silver">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedContactDate_dateInput" class="riTextBox riEnabled" name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$RDIPFExpectedContactDate$dateInput" alt="Filter ExpectedContactDate column" type="text">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedContactDate_dateInput_ClientState" name="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedContactDate_dateInput_ClientState" value=

'{"enabled":true,"emptyMessage":"","validationText":"","valueAsString":"","minDateStr":"1900-01-01-00-00-00","maxDateStr":"2099-12-31-00-00-00","lastSetTextBoxValue":""}'

type="hidden" autocomplete="off">

</span>

</td>

<td>

<a id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedContactDate_popupButton" class="rcCalPopup" title="Open the calendar popup." href="#">Open the calendar popup.</a>

</td>

</tr>

</tbody>

</table>

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedContactDate_ClientState" name="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_RDIPFExpectedContactDate_ClientState" value='{"minDateStr":"1900-01-01-00-00-00","maxDateStr":"2099-12-31-00-00-00"}' type="hidden" autocomplete="off">

</div>

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_Filter_ExpectedContactDate" class="rgFilter" title="Filter" onclick=

"$find("ctl00_MainContent_ContentGrid")._showFilterMenu("ctl00_MainContent_ContentGrid_ctl00", "ExpectedContactDate", event); return false;__doPostBack('ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_ExpectedContactDate','')"

name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_ExpectedContactDate" value="" type="button">

</td>

<td style="white-space: nowrap;">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_FilterTextBox_Programmer" class="rgFilterBox" onkeypress="if((event.keyCode == 13)) return false;" name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$FilterTextBox_Programmer" alt="Filter Programmer column" size="10" type="text">

<input id="ctl00_MainContent_ContentGrid_ctl00_ctl02_ctl02_Filter_Programmer" class="rgFilter" title="Filter" onclick=

"$find("ctl00_MainContent_ContentGrid")._showFilterMenu("ctl00_MainContent_ContentGrid_ctl00", "Programmer", event); return false;__doPostBack('ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_Programmer','')"

name="ctl00$MainContent$ContentGrid$ctl00$ctl02$ctl02$Filter_Programmer" value=" " type="button">

</td>

I noticed that the Filter TextBoxes of Numeric and Date Columns do not use the .rgFilterBox style class. I tried overriding .riTextBox class, but that does not work.

Please suggest, how can I apply Width:60% style on Numeric and DateTime column FilterTextBoxes.

Thanks,
Nishant

Filter

answered on 14 Aug 2013

1 answer

139 views

Data Transfer

Hi,
I shall have to pass bulk data between page to radwindow and vice versa. A sample application code is below. In this by using PreviousPageType' data transferred (Click on Ordinary Button). But in radwindow it shows the error 'Object reference not set to an instance of an object.'(Click on Popup button). How to achieve this method in radwiondow?.

Default.aspx

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"

CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

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

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

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

<script type="text/javascript">

function btnShowPopup_Clicked(sender, args) {

var winSearch = radopen("DefaultPopup.aspx");

if (winSearch) {

winSearch.hide();

winSearch.set_behaviors(Telerik.Web.UI.WindowBehaviors.Close | Telerik.Web.UI.WindowBehaviors.Move)

winSearch.add_close(searchWindow_OnClientClose);

winSearch.set_height(400);

winSearch.set_width(780);

winSearch.set_visibleStatusbar(false);

winSearch.set_destroyOnClose(true);

winSearch.set_modal(true);

winSearch.set_title("Popup");

winSearch.center();

winSearch.show();

}

function RadWindow_Close(sender, args) {

var manager = sender.get_windowManager();

if (manager)

manager.removeWindow(sender);

}

function searchWindow_OnClientClose(oWnd, args) {

var arg = args.get_argument();

if (arg) {

var ajaxManager = $find("<%= radAjaxManager.ClientID %>");

if (ajaxManager)

ajaxManager.ajaxRequest(arg);

}

</script>

</telerik:RadScriptBlock>

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

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="radAjaxManager" runat="server" UpdatePanelsRenderMode="Inline"

OnAjaxRequest="radAjaxManager_AjaxRequest">

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" BackgroundPosition="Center"

InitialDelayTime="300">

</telerik:RadAjaxLoadingPanel>

<telerik:RadWindowManager ID="radWinManager" runat="server" DestroyOnClose="True">

<Windows>

<telerik:RadWindow ID="RadWindow1" runat="server" Style="display: none;" OnClientClose="RadWindow_Close">

<Shortcuts>

<telerik:WindowShortcut CommandName="CommandName" Shortcut="" />

</Shortcuts>

</telerik:RadWindow>

</Windows>

<Shortcuts>

<telerik:WindowShortcut CommandName="CommandName" Shortcut="" />

</Shortcuts>

</telerik:RadWindowManager>

<asp:TextBox ID="txtFirst" runat="server"></asp:TextBox>

<asp:Button ID="Button1" runat="server" Text="Ordinary" OnClick="Button1_Click" />

<telerik:RadButton ID="btnShowPopup" runat="server" Text="Popup" AutoPostBack="false"

OnClientClicked="btnShowPopup_Clicked">

</telerik:RadButton>

</asp:Content>

Default.aspx.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace WebApplication1

{

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void Button1_Click(object sender, EventArgs e)

{

this.Name = this.txtFirst.Text;

Server.Transfer("~/DefaultPopup.aspx");

}

// public string Name { get; set; }

protected void radAjaxManager_AjaxRequest(object sender, Telerik.Web.UI.AjaxRequestEventArgs e)

{

}

public string Name { get { return Convert.ToString(ViewState["SName"]); } set { ViewState["SName"] = value; } }

}

DefaultPopup.aspx

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

<%@ PreviousPageType VirtualPath="~/Default.aspx" %>

<%@ 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>

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

<script type="text/javascript">

</script>

</telerik:RadCodeBlock>

</head>

<body>

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

<div>

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

</telerik:RadScriptManager>

<telerik:RadWindowManager ID="radWinManager" runat="server" DestroyOnClose="True"

KeepInScreenBounds="true">

</telerik:RadWindowManager>

</div>

</form>

</body>

</html>

DefaultPopup.aspx.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace WebApplication1

{

public partial class DefaultPopup : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

Response.Write("Data from PreviousPage:" + PreviousPage.Name);

}

Thanks & Regards
Anzar. M

Window

answered on 14 Aug 2013

3 answers

174 views

Possible to put Tiles in a Tooltip?

When I put these 4 tiles in a tooltip they turn into a stack of 1 colum 4 rows. But I want 2 rows 2 columns which work fine if I take the TileList out of the Tooltip. Its only when I put the RadTileList in the RadToolTip that they begin to stack no mater what I set the row count or how many tiles I add its always just 1 column of tiles. It is possible to put multiple column tiles in a tooltip? Here is the code like I said outside the tooltip no problem once inside it goes to 1 column not matter how wide or high I make the tooltip.

Thanks for looking.

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
    <title>Large structured drop-down ASP.NET Menus | RadMenu demo</title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

        <table class="auto-style19">
            <tr>
                <td class="auto-style20"> </td>
                <td>

        <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/assign.gif" />

                </td>
                <td> </td>
            </tr>
            <tr>
                <td class="auto-style20"> </td>
                <td> </td>
                <td> </td>
            </tr>
        </table>

        <telerik:RadToolTip ID="ttAddCompGrid" runat="server" HideEvent="LeaveToolTip" RelativeTo="Element" Skin="MetroTouch" Style="z-index: 20" TargetControlID="image1" BackColor="#FFFF66">
            <telerik:RadTileList ID="RadTileList1" runat="server" BackColor="#003366" Skin="Sitefinity" TileRows="2">
                <Groups>
                    <telerik:TileGroup>
                        <telerik:RadImageAndTextTile BackColor="#00CDFF" ImageUrl="tiles/tileManage.jpg" Shape="Wide">
                            <Title Text="Employee Plan Assignments"></Title>
                            <Badge ImageUrl="images/style7/tiny_user.png" />
                            <PeekTemplate>
                                <div style="width: 310px; height: 110px; vertical-align: top; padding: 1px; background-color: #C3F5FF; color: #000000; font-size: 14px; font-family: Arial, Helvetica, sans-serif;">
                                    <table style="width: 310px; height: 110px">
                                        <tr>
                                            <td>
                                                <asp:Image ID="Image2" runat="server" ImageAlign="TextTop" ImageUrl="~/Images/Style7/user.png" />
                                            </td>
                                            <td>Assign Employee Compensation Plans
                                                <ul class="b" style="font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: x-small; font-weight: normal;">
                                                    <li>Assign Compensation Plans</li>
                                                    <li>Set Begin and End dates</li>
                                                    <li>Make Manual Adjustments</li>
                                                    <li>Edit Employee Details</li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </table>
                                    <br />
                                </div>
                            </PeekTemplate>
                            <PeekTemplateSettings Animation="Slide" CloseDelay="0" Easing="easeInSine" HidePeekTemplateOnMouseOut="true" ShowInterval="0" ShowPeekTemplateOnMouseOver="true" />
                        </telerik:RadImageAndTextTile>
                        <telerik:RadImageAndTextTile BackColor="#FF1969" ImageUrl="tiles/tilePlans.jpg" NavigateUrl="http://www.google.com" Shape="Wide">
                            <Title Text="Manage Compensation Plans"></Title>
                            <Badge ImageUrl="images/style7/tiny_plans.png" />
                            <PeekTemplate>
                                <div style="width: 310px; height: 110px; vertical-align: top; padding: 1px; background-color: #FA8AAF; color: #000000; font-size: 14px; font-family: Arial, Helvetica, sans-serif;">
                                    <table style="width: 310px; height: 110px">
                                        <tr>
                                            <td>
                                                <asp:Image ID="Image3" runat="server" ImageAlign="TextTop" ImageUrl="~/Images/Style7/plans.png" />
                                            </td>
                                            <td>Compensation Plan Management
                                                <ul class="b" style="font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: x-small; font-weight: normal;">
                                                    <li>Create Plan Components</li>
                                                    <li>Assign Bonus Thresholds</li>
                                                    <li>Combine components to generate plans</li>
                                                    <li>Modify Plan Details</li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </table>
                                    <br />
                                </div>
                            </PeekTemplate>
                            <PeekTemplateSettings Animation="fade" CloseDelay="0" Easing="swing" HidePeekTemplateOnMouseOut="true" ShowInterval="0" ShowPeekTemplateOnMouseOver="true" />
                        </telerik:RadImageAndTextTile>
                        <telerik:RadImageAndTextTile BackColor="#642D7D" ImageUrl="tiles/tileBatchRun.jpg" Name="BatchRun" Shape="Wide">
                            <Title Text="IPP Batch Run"></Title>
                            <Badge ImageUrl="images/style7/tiny_build.png" />
                            <PeekTemplate>
                                <div style="width: 310px; height: 110px; vertical-align: top; padding: 1px; background-color: #9B78AA; color: #000000; font-size: 14px; font-family: Arial, Helvetica, sans-serif;">
                                    <table style="width: 310px; height: 110px">
                                        <tr>
                                            <td>
                                                <asp:Image ID="Image4" runat="server" ImageAlign="TextTop" ImageUrl="~/Images/Style7/build.png" />
                                            </td>
                                            <td>Calculate IPP Compensation
                                                <ul class="b" style="font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: x-small; font-weight: normal;">
                                                    <li>Based on individual Year and Period</li>
                                                    <li>Calculate IPP Bonus by User and Plan</li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </table>
                                    <br />
                                </div>
                            </PeekTemplate>
                            <PeekTemplateSettings Animation="Slide" CloseDelay="0" Easing="easeInSine" HidePeekTemplateOnMouseOut="true" ShowInterval="0" ShowPeekTemplateOnMouseOver="true" />
                        </telerik:RadImageAndTextTile>
                        <telerik:RadImageAndTextTile BackColor="#FFD700" ImageUrl="tiles/tileReporting.jpg" Shape="Wide">
                            <Title Text="View Summary Reports"></Title>
                            <Badge ImageUrl="images/style7/tiny_money.png" />
                            <PeekTemplate>
                                <div style="width: 310px; height: 110px; vertical-align: top; padding: 1px; background-color: #FAF096; color: #000000; font-size: 14px; font-family: Arial, Helvetica, sans-serif;">
                                    <table style="width: 310px; height: 110px">
                                        <tr>
                                            <td>
                                                <asp:Image ID="Image5" runat="server" ImageAlign="TextTop" ImageUrl="~/Images/Style7/money.png" />
                                            </td>
                                            <td>Calculate IPP Compensation
                                                <ul class="b" style="font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: x-small; font-weight: normal;">
                                                    <li>View Summary Report by Year and Period</li>
                                                    <li>Itemized by Job Description</li>
                                                    <li>Total Year-to-date Budget</li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </table>
                                    <br />
                                </div>
                            </PeekTemplate>
                            <PeekTemplateSettings Animation="Fade" CloseDelay="0" Easing="swing" HidePeekTemplateOnMouseOut="true" ShowInterval="0" ShowPeekTemplateOnMouseOver="true" />
                        </telerik:RadImageAndTextTile>
                    </telerik:TileGroup>
                </Groups>
            </telerik:RadTileList>
        </telerik:RadToolTip>

</form>
</body>
</html>

TileList

answered on 14 Aug 2013