<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Calendar.ascx.cs" Inherits="Transactiv.Commerce.Web.Controls.Common.Calendar" %>
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
function ShowToolTip(sender)
{
var tooltipManager = $find("<%=RadToolTipManager1.ClientID %>");
//If the user hovers the image before the page has loaded, there is no manager created
if (!tooltipManager) return;
setTimeout("", 3000);
//Find the tooltip for this element if it has been created
var tooltip = tooltipManager.getToolTipByElement(sender);
//Create a tooltip if no tooltip exists for such element
if (!tooltip)
{
tooltip = tooltipManager.createToolTip(sender);
var dateValue = sender.getAttribute("dateInfo");
//var neededValue = longValue.substring(longValue.indexOf('_') + 1)
tooltip.set_value(dateValue);
tooltip.show();
}
}
</script>
</telerik:RadCodeBlock>
<table>
<tr>
<td class="calender_txt">Calendar</td>
</tr>
<tr>
<td class="details_txt">
<telerik:RadCalendar ID="radScheduleCalendar" runat="server" TitleFormat="MMMM yyyy" Skin="Default"
OnDayRender="radScheduleCalendar_DayRender" Width="158px" AutoPostBack="true" >
</telerik:RadCalendar>
<telerik:RadToolTipManager Width="350px" Height="200px" RelativeTo="Element" ID="RadToolTipManager1" HideEvent="ManualClose" ShowEvent="OnClick"
runat="server" OffsetX="5" Position="MiddleRight" OnAjaxUpdate="RadToolTipmanager1_AjaxUpdate" Skin="Telerik" RenderInPageRoot="true" AnimationDuration="200">
</telerik:RadToolTipManager>
</td>
</tr>
</table>
Calender.ascx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;
using System.Xml.Linq;
using Transactiv.Commerce.Web.Base;
namespace Transactiv.Commerce.Web.Controls.Common
{
public partial class Calendar : BaseUserControl
{
protected void Page_Load(object sender, EventArgs e)
{
radScheduleCalendar.CultureInfo = new System.Globalization.CultureInfo("en-us");
radScheduleCalendar.ShowRowHeaders = false;
radScheduleCalendar.UseColumnHeadersAsSelectors = false;
radScheduleCalendar.UseRowHeadersAsSelectors = false;
radScheduleCalendar.EnableMultiSelect = false;
radScheduleCalendar.SelectedDate = DateTime.Now;
radScheduleCalendar.EnableEmbeddedSkins = false;
}
protected void RadToolTipmanager1_AjaxUpdate(object sender, ToolTipUpdateEventArgs e)
{
//e.UpdatePanel.ContentTemplateContainer.Controls.Add(new LiteralControl("<html><body>"));
//e.UpdatePanel.ContentTemplateContainer.Controls.Add(new LiteralControl(e.Value));
//e.UpdatePanel.ContentTemplateContainer.Controls.Add(new LiteralControl("</body></html>"));
SchedulePanel details = (SchedulePanel)this.LoadControl("SchedulePanel.ascx");
details.Date = DateTime.Parse(e.Value);
e.UpdatePanel.ContentTemplateContainer.Controls.Add(details);
}
protected void radScheduleCalendar_DayRender(object sender, Telerik.Web.UI.Calendar.DayRenderEventArgs e)
{
TableCell cell = e.Cell;
cell.Attributes.Add("dateInfo", e.Day.Date.ToString());
cell.Attributes.Add("onclick", "ShowToolTip(this);");
cell.CssClass = "Appointment";
e.Cell.Attributes["Title"] = "Click here for more information";
RadToolTipManager1.TargetControls.Add(cell.ClientID, true);
}
private int IsDayRegisteredForTooltip(DateTime date, DateTime eventDate)
{
int result;
if (DateTime.Compare(date, eventDate) == 0)
result = 1;
else
result = -1;
return result;
}
}
}
Hello,
I finally managed to get my splitter set-up with two nested splitters containing a treeview and grids occupy 100% of the screens height and width. Unfortunately I'd like to save the dimensions of the four panes on a per user setting and this is not working properly.
Based on my setup I've four panes for which I persist the actual dimension on every onPreRender event. But after I reload the dimensions (in px) on a postback or ajax-call, the splitter does not resize itself anymore on a browser resize.
I assume it would be better to safe/restore not the actual dimension but some percentage value. Do you know a good way to achieve this functionality?
Thanks for any help.
Felix
Hi all,
i have a problem in radrotator which consist of radticker in item template.
in this example the XPath("Title") displays the text which marquee from left to right.
if the title consist of long text then i cant see the text whcih is beyond the item height.
<
telerik:RadRotator id="RadRotator1" ScrollDirection="Left" DataSourceID="XmlDataSource1" runat="server" width="377" height="251" FrameDuration="12000">
<ItemTemplate>
<div class="jewelryImage"><img src="<%# XPath("Image") %>" height="252" width="153" alt=""/></div>
<div class="jewelryRightPane">
<div class="jewelryDescription">
<div class="jewelryDescription_Text">
<telerik:RadTicker runat="server" >
<Items>
<telerik:RadTickerItem Text='<%# XPath("Title") %>' />
</Items> </telerik:RadTicker> </div>
</div>
<div class="jewelryName"><img src="<%# XPath("ItemName") %>" height="35" width="224" alt=""/></div>
<div class="addToCart"><a href=""><img src="Images/addToCart.gif" height="22" width="224" style="border: 0px" alt="add to shopping cart" title="add to shopping cart"/></a></div>
</div>
</ItemTemplate>
</telerik:RadRotator>
<asp:XmlDataSource ID="xmlDataSource1" runat="server" DataFile="jewelry.xml"></asp:XmlDataSource>
example of XML data
<NewsItem>
<
Title>Kiran testing the witdth and height with more info text without the rules for rad rotater skined thats probablly.
Double strand pearl bracelet with color matching silver tone linked circles. The colored enamel with glitter
circles have a carved wave design on
them.</Title>
<
Image>Images/Image_03.gif</Image>
<
ItemName>Images/Image_03_Name.gif</ItemName>
</
NewsItem>
Thanks
K²
| <telerik:RadGrid ID="RadGridHodesTeam" runat="server" GridLines="None" AllowPaging="true" |
| EnableEmbeddedSkins="false" PageSize="4" OnNeedDataSource="RadGridHodesTeam_NeedDataSource" |
| Skin="Office2007" OnPreRender="RadGridHodesTeam_PreRender" OnInsertCommand="RadGridHodesTeam_InsertCommand"> |
| <PagerStyle Mode="NextPrevAndNumeric" /> |
| <MasterTableView TableLayout="Auto" DataKeyNames="ID,Name,Title,OfficePhone,Extension,SecondPhone,Extension1,Fax,Email" |
| CommandItemDisplay="TopAndBottom" ShowHeader="false"> |
| <ItemTemplate> |
| <%# (((GridItem)Container).ItemIndex != 0)? "</td></tr></table>" : "" %> |
| <asp:Panel ID="ItemContainer" CssClass='<%# (((GridItem)Container).ItemType == GridItemType.Item)? "item" : "alternatingItem" %>' |
| runat="server" Height="200px"> |
| <div class="itempadding"> |
| <table> |
| <tr visible="false" style="display: none;"> |
| <td> |
| <b>Id:</b></td> |
| <td> |
| <%#Eval("ID")%> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <b>Name:</b></td> |
| <td> |
| <%#Eval("Name")%> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <b>Title:</b></td> |
| <td> |
| <%# Eval("Title")%> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <b>Phone:</b></td> |
| <td> |
| <%# Eval("OfficePhone")%> |
| </td> |
| </tr> |
| <tr visible="false" style="display: none;"> |
| <td> |
| <b>Extension:</b></td> |
| <td> |
| <%# Eval("Extension")%> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <b>Mobile:</b></td> |
| <td> |
| <%# Eval("SecondPhone")%> |
| </td> |
| </tr> |
| <tr visible="false" style="display: none;"> |
| <td> |
| <b>Extension:</b></td> |
| <td> |
| <%# Eval("Extension1")%> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <b>Fax:</b></td> |
| <td> |
| <%# Eval("Fax")%> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <b>EMail:</b></td> |
| <td> |
| <%# Eval("Email")%> |
| </td> |
| </tr> |
| </table> |
| <table id="Table1" style="height: 25px; display: block;" runat="server"> |
| <tr id="trBtns"> |
| <td align="center"> |
| <a href="#" onclick="openRadWindow('<%#DataBinder.Eval(Container.DataItem,"ID")%>');return false;"> |
| Edit </a> |
| </td> |
| <td align="center"> |
| <a href="#" onclick="openRadWindow1('<%#DataBinder.Eval(Container.DataItem,"ID")%>');return false;"> |
| Delete </a> |
| </td> |
| </tr> |
| </table> |
| </div> |
| </asp:Panel> |
| </ItemTemplate> |
| <EditFormSettings EditFormType="Template"> |
| <FormTemplate> |
| <div style="width: 100%"> |
| <table align="center"> |
| <tr> |
| <td> |
| Name: |
| </td> |
| <td> |
| <telerik:RadTextBox ID="RadtxtName" runat="server"> |
| </telerik:RadTextBox> |
| <asp:RequiredFieldValidator ID="rfvtxtName" ControlToValidate="RadtxtName" runat="server" |
| Display="Dynamic" ErrorMessage="*"></asp:RequiredFieldValidator></td> |
| </tr> |
| <tr> |
| <td> |
| Title: |
| </td> |
| <td> |
| <telerik:RadTextBox ID="RadTxtTitle" runat="server"> |
| </telerik:RadTextBox> |
| <asp:RequiredFieldValidator ID="rfvRadTxtTitle" ControlToValidate="RadTxtTitle" runat="server" |
| Display="Dynamic" ErrorMessage="*"></asp:RequiredFieldValidator></td> |
| </tr> |
| <tr style="width: 200px;"> |
| <td> |
| Phone: |
| </td> |
| <td class="recordsfields"> |
| <telerik:RadTextBox ID="RadTxtOfficePhone" runat="server"> |
| </telerik:RadTextBox> |
| <asp:RequiredFieldValidator ID="rfvRadTxtOfficePhone" CssClass="padding10px" ControlToValidate="RadTxtOfficePhone" |
| runat="server" Display="Dynamic" ErrorMessage="*"></asp:RequiredFieldValidator> |
| <asp:RegularExpressionValidator ID="revRadTxtOfficePhone" runat="server" ErrorMessage="Number Is Not Valid!!" |
| Display="Dynamic" CssClass="padding10px" ControlToValidate="RadTxtOfficePhone" |
| ValidationExpression="^[0-9-+]*$"></asp:RegularExpressionValidator></td> |
| </tr> |
| <tr visible="false" style="display: none;"> |
| <td> |
| Extension: |
| </td> |
| <td> |
| <telerik:RadTextBox ID="RadTxtOfficeExt" runat="server"> |
| </telerik:RadTextBox> |
| <asp:RegularExpressionValidator ID="revRadTxtOfficeExt" runat="server" ErrorMessage="Number Only !!" |
| ControlToValidate="RadTxtOfficeExt" ValidationExpression="^\d+$"></asp:RegularExpressionValidator> |
| <%--<asp:RequiredFieldValidator ID="rfvRadTxtOfficeExt" ControlToValidate="RadTxtOfficeExt" |
| runat="server" Display="Dynamic" ErrorMessage="*"></asp:RequiredFieldValidator>--%> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| Mobile: |
| </td> |
| <td class="recordsfields"> |
| <telerik:RadTextBox ID="RadTxtSecondPhone" runat="server"> |
| </telerik:RadTextBox> |
| <%--<asp:RequiredFieldValidator ID="rfvRadTxtSecondPhone" ControlToValidate="RadTxtSecondPhone" |
| runat="server" Display="Dynamic" ErrorMessage="*"></asp:RequiredFieldValidator>--%> |
| <asp:RegularExpressionValidator ID="revRadTxtSecondPhone" runat="server" ErrorMessage="Number Is Not Valid !!" |
| CssClass="padding10px" ControlToValidate="RadTxtSecondPhone" ValidationExpression="^[0-9-+]*$"></asp:RegularExpressionValidator></td> |
| </tr> |
| <tr visible="false" style="display: none;"> |
| <td> |
| Extension: |
| </td> |
| <td> |
| <telerik:RadTextBox ID="RadTxtSecondExtension" runat="server"> |
| </telerik:RadTextBox> |
| <asp:RegularExpressionValidator ID="revRadTxtSecondExtension" runat="server" ErrorMessage=" Number Only !!" |
| ControlToValidate="RadTxtSecondExtension" ValidationExpression="^\d+$"></asp:RegularExpressionValidator> |
| <%--<asp:RequiredFieldValidator ID="rfvRadTxtExtension" ControlToValidate="RadTxtSecondExtension" |
| runat="server" Display="Dynamic" ErrorMessage="*"></asp:RequiredFieldValidator>--%> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| Fax: |
| </td> |
| <td> |
| <telerik:RadTextBox ID="RadTxtFax" runat="server"> |
| </telerik:RadTextBox> |
| <%--<asp:RequiredFieldValidator ID="rfvRadTxtFax" ControlToValidate="RadTxtFax" runat="server" |
| Display="Dynamic" ErrorMessage="*"></asp:RequiredFieldValidator>--%> |
| <asp:RegularExpressionValidator ID="revRadTxtFax" runat="server" ErrorMessage="Invalid Format" |
| Display="Dynamic" ControlToValidate="RadTxtFax" ValidationExpression="^[0-9-+]*$"></asp:RegularExpressionValidator> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| EMail: |
| </td> |
| <td> |
| <telerik:RadTextBox ID="RadTxtEmail" runat="server"> |
| </telerik:RadTextBox> |
| <asp:RequiredFieldValidator ID="rfvRadTxtEmail" ControlToValidate="RadTxtEmail" runat="server" |
| Display="Dynamic" ErrorMessage="*"></asp:RequiredFieldValidator> |
| <asp:RegularExpressionValidator ID="revRadTxtEmail" runat="server" ErrorMessage="Email Not Valid!" |
| Display="Dynamic" ControlToValidate="RadTxtEmail" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator></td> |
| </tr> |
| <tr> |
| <td> |
| Photo: |
| </td> |
| <td> |
| <telerik:RadUpload ID="RUPhoto" runat="server" ControlObjectsVisibility="None" AllowedFileExtensions=".jpg,.jpeg" |
| Skin="Office2007"> |
| </telerik:RadUpload> |
| <br /> |
| <%--<asp:Label ID="lblerr" runat="server" Text="Invalid File" Visible="false" ></asp:Label>--%> |
| Image size should be 145 x 55 px |
| </td> |
| </tr> |
| <tr> |
| <td> |
| Team Member URL: |
| </td> |
| <td> |
| <telerik:RadTextBox ID="RadTxtTeamMember" runat="server"> |
| </telerik:RadTextBox> |
| <asp:RegularExpressionValidator ID="RevRadTxtTeamMember" runat="server" ErrorMessage="URL Invalid" |
| ControlToValidate="RadTxtTeamMember" ValidationExpression="^(ht|f)tp(s?)\:\/\/(([a-zA-Z0-9\-\._]+(\.[a-zA-Z0-9\-\._]+)+)|localhost)(\/?)([a-zA-Z0-9\-\.\?\,\'\/\\\+&%\$#_]*)?([\d\w\.\/\%\+\-\=\&\?\:\\\"\'\,\|\~\;]*)$"> |
| </asp:RegularExpressionValidator> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| </td> |
| <td> |
| <asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>' |
| runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'> |
| </asp:Button> |
| <asp:Button ID="BtnCancel" runat="server" Text="Cancel" CausesValidation="false" |
| CommandName="Cancel" /></td> |
| </tr> |
| </table> |
| </div> |
| </FormTemplate> |
| </EditFormSettings> |
| </MasterTableView> |
| <GroupingSettings CaseSensitive="false" /> |
| </telerik:RadGrid> |
How to Add new Record(And Put it in Edit Mode) in GridTableView inside RadGrid Programatically
I did Add Empty Row in Grid but I am not able set it's edit index to put it in edit mode.
I use below statement.
RadGrid.EditIndexes.ChildIndexes(0,0).Add(0)