function
Button1_onclick() {
radalert(
"as",300,100,"rock");
<
telerik:RadWindowManager ID="RadWindowManager1" runat="server" Animation="Resize"> </telerik:RadWindowManager>
THE PROBLEM!!!
when i click the button which brings the alert the animation starts at the left-top position on the page and after the animation is done the alert comes jumps in the center....
plz help
| //populate parent categories | |
| rcbParentCategory.DataSource = ourDB.Category_GetAvailableParents(CurrentCategoryId); | |
| rcbParentCategory.DataValueField = "CategoryId"; | |
| rcbParentCategory.DataTextField = "CategoryName"; | |
| rcbParentCategory.ClearSelection(); | |
| rcbParentCategory.DataBind(); | |
| rcbParentCategory.Items.Insert(0, new RadComboBoxItem("None Selected", "-1")); | |
| rcbParentCategory.SelectedValue = | |
| ((rcbParentCategory.Items.FindItemByValue(category.ParentId.ToString()) != null) ? category.ParentId.ToString() : "-1"); | |
| rcbParentCategory.DataSource = null; |
| <telerik:RadGrid ID="rgLiens" runat="server" EnableEmbeddedSkins="false" Skin="RealMax" |
| OnNeedDataSource="rgLiens_NeedDataSource" OnItemCreated="rgLiens_ItemCreated" |
| ondeletecommand="rgLiens_DeleteCommand" oninsertcommand="rgLiens_InsertCommand" |
| onupdatecommand="rgLiens_UpdateCommand" OnPreRender="rgLiens_PreRender" OnItemDataBound="rgLiens_ItemDataBound" |
| OnRowDrop="rgLiens_RowDrop" GridLines="None" ShowFooter="True" > |
| <ClientSettings EnableRowHoverStyle="true" AllowRowsDragDrop="true"> |
| <ClientEvents OnRowMouseOut="rowMouseOut" OnRowMouseOver="rowMouseOver" OnPopUpShowing="PopUpCentered" /> |
| <Selecting AllowRowSelect="true" /> |
| <Resizing AllowColumnResize="True" /> |
| </ClientSettings> |
| <FilterMenu EnableTheming="True"> |
| <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> |
| </FilterMenu> |
| <MasterTableView AutoGenerateColumns="False" CommandItemDisplay="Top" EditMode="EditForms" TableLayout="auto" |
| DataKeyNames="LienId,LienIndex,PropertyId"> |
| <NoRecordsTemplate><div style="margin:6px">No liens recorded for this property</div></NoRecordsTemplate> |
| <PagerStyle Mode="NextPrevNumericAndAdvanced" AlwaysVisible="false" /> |
| <ItemStyle CssClass="RowMouseOut" /> |
| <AlternatingItemStyle CssClass="RowMouseOut" /> |
| <RowIndicatorColumn HeaderStyle-Width="20px" /> |
| <ExpandCollapseColumn HeaderStyle-Width="20px" /> |
| <Columns> |
| <telerik:GridEditCommandColumn EditImageUrl="~/Images/Buttons/edit.gif" ButtonType="ImageButton" Resizable="false" > |
| <HeaderStyle Width="24px" /> |
| <ItemStyle CssClass="CommandColumn" /> |
| </telerik:GridEditCommandColumn> |
| <Telerik:GridBoundColumn DataField="LienIndex" DataType="System.Int16" ReadOnly="true"> |
| <HeaderStyle Width="20px" HorizontalAlign="Center" /> |
| </Telerik:GridBoundColumn> |
| <telerik:GridNumericColumn DataField="LoanAmount" DataType="System.Decimal" NumericType="Currency" |
| HeaderText="Loan Amount" SortExpression="LoanAmount" UniqueName="LoanAmount" Aggregate="Sum" FooterAggregateFormatString="{0:C}"> |
| <HeaderStyle Width="90px" HorizontalAlign="Center" /> |
| <ItemStyle HorizontalAlign="Right" /> |
| <FooterStyle HorizontalAlign="Right" /> |
| </telerik:GridNumericColumn> |
| <telerik:GridNumericColumn DataField="InterestRate" DataType="System.Decimal" NumericType="Percent" |
| HeaderText="Interest Rate" SortExpression="InterestRate" DataFormatString="{0}%" |
| UniqueName="InterestRate"> |
| <HeaderStyle Width="90px" HorizontalAlign="Center" /> |
| <ItemStyle HorizontalAlign="Right" /> |
| <FooterStyle HorizontalAlign="Right" /> |
| </telerik:GridNumericColumn> |
| <telerik:GridNumericColumn DataField="MonthlyPayment" DataType="System.Decimal" NumericType="Currency" |
| HeaderText="Payment" SortExpression="MonthlyPayment" UniqueName="MonthlyPayment" Aggregate="Sum" FooterAggregateFormatString="{0:C}"> |
| <HeaderStyle Width="90px" HorizontalAlign="Center" /> |
| <ItemStyle HorizontalAlign="Right" /> |
| <FooterStyle HorizontalAlign="Right" /> |
| </telerik:GridNumericColumn> |
| <telerik:GridNumericColumn Aggregate="Sum" FooterAggregateFormatString="{0:$#,##0.00;($#,##0.00);#}" DataField="Arrears" DataType="System.Decimal" NumericType="Currency" |
| HeaderText="Arrears" SortExpression="Arrears" UniqueName="Arrears" ItemStyle-ForeColor="Red"> |
| <HeaderStyle Width="90px" HorizontalAlign="Center" /> |
| <ItemStyle HorizontalAlign="Right" ForeColor="Red" /> |
| <FooterStyle HorizontalAlign="Right" ForeColor="Red" /> |
| </telerik:GridNumericColumn> |
| <telerik:GridBoundColumn DataField="rtp_Lender.Name" DataType="System.String" |
| HeaderText="Lender" SortExpression="rtp_Lenders.Name" UniqueName="LenderName"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="LoanNumber" DataType="System.String" |
| HeaderText="Loan Number" SortExpression="LoanNumber" UniqueName="LoanNumber"> |
| </telerik:GridBoundColumn> |
| <telerik:GridDateTimeColumn DataField="LoanDate" DataType="System.DateTime" |
| HeaderText="Loan Date" SortExpression="LoanDate" UniqueName="LoanDate" |
| DataFormatString="{0:MM/dd/yyyy}"> |
| </telerik:GridDateTimeColumn> |
| <telerik:GridBoundColumn DataField="rtp_LoanType.Name" DataType="System.String" HeaderText="Loan Type" |
| SortExpression="LoanType" UniqueName="LoanType"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Term" DataType="System.Int32" |
| HeaderText="Term" SortExpression="Term" UniqueName="Term"> |
| </telerik:GridBoundColumn> |
| <telerik:GridNumericColumn DataField="LoanBalance" DataType="System.Decimal" NumericType="Currency" |
| HeaderText="Loan Balance" SortExpression="LoanBalance" UniqueName="LoanBalance" Aggregate="Sum" FooterAggregateFormatString="{0:C}"> |
| <HeaderStyle Width="90px" HorizontalAlign="Center" /> |
| <ItemStyle HorizontalAlign="Right" /> |
| <FooterStyle HorizontalAlign="Right" /> |
| </telerik:GridNumericColumn> |
| <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" Resizable="false" |
| ConfirmDialogType="RadWindow" ConfirmText="Are you sure?" ConfirmTitle="Delete Lien?" |
| ImageUrl="~/Images/Buttons/delete.gif" Text="Delete" UniqueName="DeleteColumn"> |
| <HeaderStyle Width="24px" /> |
| <ItemStyle CssClass="CommandColumn" /> |
| </telerik:GridButtonColumn> |
| </Columns> |
button1.CssClass = "vf vf1"
button2.CssClass = "vf vf2"
button3.CssClass = "vf vf3"
...
CSS Example:
.vf
.rtbIcon
{
height: 32px;
width: 32px;
background-image: url(sprite.png)
background-repeat: no-repeat;
}
.vf0
.rtbIcon { background-position : 0 0px; }
.vf1
.rtbIcon { background-position : 0 -32px; }
.vf2
.rtbIcon { background-position : 0 -64px; }
.vf3
.rtbIcon { background-position : 0 -96px; }