



I picked skin Telerik as my radsitemap skin. But I like the sitemap fonts to be Arial to match other page's fonts on my site. I tried to use
RadSiteMap1.Font.Name =
"Arial" on form load but it doesn't work. The css seems controled by WebResource.axd.
How I can change the font name? Is there any example to show me how to change the css?
Thanks,
Jessie
<telerik:RadGrid ID="RadGrid" runat="server" OnNeedDataSource="RadGrid_NeedSource" AllowSorting="true" AllowPaging="true" PageSize="5" AutoGenerateColumns="false" AllowMultiRowEdit="false" AllowMultiRowSelection="false" > <MasterTableView TableLayout="Auto" EditMode="InPlace" CommandItemDisplay="Top" InsertItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnCurrentPage"> <Columns> <telerik:GridEditCommandColumn CancelImageUrl="../App_Themes/Default/buttons/grid_cancel.png" UniqueName="TestCommandCol" UpdateImageUrl="../App_Themes/Default/buttons/grid_update.png" ButtonType="ImageButton" EditImageUrl="../App_Themes/Default/buttons/grid_edit.png" InsertImageUrl="../App_Themes/Default/buttons/grid_add.png" /> <telerik:GridBoundColumn DataField="Note" HeaderText="Note" ColumnEditorID="NoteEdit" UniqueName="NoteCol" /> <telerik:GridNumericColumn DataField="Ordinal" HeaderText="Sort Order" UniqueName="SortCol" ColumnEditorID="SortEdit" DefaultInsertValue="99" /> <telerik:GridCheckBoxColumn DataField="ShowOnWebsite" HeaderText="Show On Website" UniqueName="ShowOnWebsiteCol" DefaultInsertValue="true" /> <telerik:GridClientDeleteColumn ButtonType="ImageButton" UniqueName="DeleteCol" ImageUrl="../App_Themes/Default/buttons/grid_delete.png" /> </Columns> </MasterTableView></telerik:RadGrid><telerik:GridTextBoxColumnEditor ID="TestNoteEdit" runat="server" TextBoxMode="MultiLine" /><telerik:GridNumericColumnEditor ID="TestSortEdit" runat="server" NumericTextBox-IncrementSettings-InterceptMouseWheel="true" NumericTextBox-IncrementSettings-InterceptArrowKeys="true" NumericTextBox-IncrementSettings-Step="1" NumericTextBox-MaxValue="99" NumericTextBox-MinValue="0" NumericTextBox-NumberFormat-DecimalDigits="0" NumericTextBox-Width="50px" NumericTextBox-ShowSpinButtons="true" /><telerik:RadGrid ID="rgDocuments" runat="server" AutoGenerateColumns="False" GridLines="None" AllowSorting="True" ShowStatusBar="true" OnUpdateCommand="rgDocuments_UpdateCommand" onitemcommand="rgDocuments_ItemCommand" > <MasterTableView CommandItemDisplay="Top" DataKeyNames="DocumentId" > <commanditemsettings addnewrecordtext="Add new Document" /> <Columns> <telerik:GridEditCommandColumn UniqueName="EditCommandColumn"></telerik:GridEditCommandColumn> <telerik:GridBoundColumn DataField="DocumentId" HeaderText="ID" UniqueName="ID"> <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" VerticalAlign="Top" Wrap="True" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Title" HeaderText="Title" UniqueName="Title"> <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" VerticalAlign="Top" Wrap="True" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Description" HeaderText="Description" UniqueName="Description"> <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" VerticalAlign="Top" Wrap="True" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Author" HeaderText="Author" UniqueName="Author" > <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" VerticalAlign="Top" Wrap="True" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Active" DataType="System.Boolean" HeaderText="Active" UniqueName="Active"> <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" VerticalAlign="Top" Wrap="True" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="DocumentCategoryId" DataType="System.Int32" HeaderText="Category" UniqueName="DocumentCategoryId"> <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" VerticalAlign="Top" Wrap="True" /> </telerik:GridBoundColumn> </Columns> <EditFormSettings UserControlName="~/UserControls/AddUpdateDocument.ascx" EditFormType="WebUserControl"> <EditColumn UniqueName="EditCommandColumn1" /> </EditFormSettings> </MasterTableView> <ClientSettings> <Selecting AllowRowSelect="True" /> </ClientSettings></telerik:RadGrid><%@ Control Language="C#" AutoEventWireup="True" CodeBehind="AddUpdateDocument.ascx.cs" Inherits="PortalAdmin.AddUpdateDocument" %><%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %><style type="text/css"> .style1 { text-align: right; width: 65px; }</style> <table style="width: 100%; border: 1px solid #828282;"> <tr> <td colspan="3"> <asp:Label ID="Label9" runat="server" Style="font-weight: bold;" Text="Add/Update Document"></asp:Label> </td> </tr> <tr> <td style="width: 116px; text-align: right;"> <asp:Label ID="Label7" runat="server" Style="text-align: right;" Text="Document ID:" /> </td> <td style="width: 449px"> <telerik:radtextbox id="tbDocumentId" runat="server" maxlength="255" readonly="True" width="41px" Text='<%# DataBinder.Eval(Container, "DataItem.DocumentId") %>'> </telerik:radtextbox> </td> <td> <asp:Label ID="Label11" runat="server" Text="Category:"></asp:Label> <telerik:RadComboBox ID="cbCategories" Runat="server" Width="255px" > </telerik:RadComboBox> </td> </tr> <tr> <td style="width: 116px; text-align: right;"> <asp:Label ID="Label1" runat="server" Style="text-align: right;" Text="Title: " /> </td> <td style="width: 449px"> <telerik:radtextbox id="tbTitle" runat="server" maxlength="255" width="435px" Text='<%# DataBinder.Eval(DataItem, "Title") %>'> </telerik:radtextbox> </td> <td style="text-align:center;"> <asp:CheckBox ID="cbActive" runat="server" Text="Active?" /> <asp:CheckBox ID="cbArchive" runat="server" Text="Archived?" style="padding-left: 10px;"/> </td> </tr> <tr> <td style="width: 116px; vertical-align: top; text-align: right;"> <asp:Label ID="Label2" runat="server" Text="Description: " Style="text-align: right;" /> </td> <td style="width: 449px"> <telerik:radtextbox id="tbDescription" runat="server" maxlength="500" rows="7" textmode="MultiLine" width="435px" Text='<%# DataBinder.Eval(DataItem, "Description") %>'> </telerik:radtextbox> </td> <td style="vertical-align: top;"> <asp:Label ID="Label10" runat="server" Text="Current File Info" Font-Underline="True"></asp:Label> <table style="width:100%;"> <tr> <td class="style1"> <asp:Label ID="Label8" runat="server" Style="text-align: right;" Text="Name:" /> </td> <td> <asp:Label ID="lnkName" runat="server"></asp:Label> </td> </tr> <tr> <td class="style1"> <asp:Label ID="Label12" runat="server" Style="text-align: right;" Text="Location:" /> </td> <td> <asp:Label ID="lblLocation" runat="server"></asp:Label> </td> </tr> <tr> <td class="style1"> <asp:Label ID="Label15" runat="server" Style="text-align: right;" Text="Type:" /> </td> <td> <asp:Label ID="lblType" runat="server"></asp:Label> </td> </tr> <tr> <td class="style1"> <asp:Label ID="Label14" runat="server" Style="text-align: right;" Text="Size:" /> </td> <td> <asp:Label ID="lblSize" runat="server"></asp:Label> </td> </tr> </table> <br /> </td> </tr> <tr> <td style="width: 116px; text-align: right;"> <asp:Label ID="Label3" runat="server" Text="Author: " Style="text-align: right;" /> </td> <td style="width: 449px"> <telerik:radtextbox id="tbAuthor" runat="server" maxlength="255" width="435px"> </telerik:radtextbox> </td> <td style="text-align: right"> <telerik:RadUpload ID="upload" Runat="server" ControlObjectsVisibility="None" Height="21px" MaxFileInputsCount="1" Width="255px"> </telerik:RadUpload> </td> </tr> <tr> <td colspan="3" style="text-align: right; width: 100%;"> <asp:Button ID="btnSubmit" runat="server" Text="Submit Document" CausesValidation="True" CommandName="Update"/> <asp:Button ID="btnCancel" runat="server" CausesValidation="False" CommandName="Cancel" Text="Cancel" /> </td> </tr> </table>Hello Community,
I'm having an issue with the RadToolBar and Chrome 5.0.375.99. I have checkboxes in the toolbar as tb items and when you expand the toolbar on first page load with page scrolled to the top it works fine. However, if you vertically scroll down on the page and then expand the toolbar the checkboxes appear floating near the top of the page. Using chrome developer tools I was able to see the "top" property changes based on where you're vertically scrolled to on the page.
I also noticed that the div for the toolbar renders at the top of the page right below the form tag in Chrome only.
The code snippet below is my Toolbar code.
<tr> <td> <telerik:RadToolBar ID="radTbSubscription" runat="server" BackColor="#375681" Skin="Default"EnableViewState="false" ExpandAnimation-Type="OutQuart" CollapseAnimation-Type="InQuart" EnableAjaxSkinRendering="False"> <CollapseAnimation Type="InQuart" /> <Items> <telerik:RadToolBarDropDown runat="server" Text="Select Topics"> <Buttons> <telerik:RadToolBarButton runat="server" Text="rtbCreditReporting"> <ItemTemplate> <asp:CheckBox runat="server" ID="chkCreditReporting" Text="Credit Reporting" /> </ItemTemplate> </telerik:RadToolBarButton> <telerik:RadToolBarButton Text="rtbDebtCollection"> <ItemTemplate> <asp:CheckBox runat="server" ID="chkDebtCollection" Text="Debt Collection" /> </ItemTemplate> </telerik:RadToolBarButton> <telerik:RadToolBarButton runat="server" Text="rtbConsumerIssues"> <ItemTemplate> <asp:CheckBox runat="server" ID="chkConsumerIssues" Text="Consumer Issues" Width="125px" /> </ItemTemplate> </telerik:RadToolBarButton> <telerik:RadToolBarButton runat="server" Text="rtbBankruptcy"> <ItemTemplate> <asp:CheckBox runat="server" ID="chkBankruptcy" Text="Bankruptcy" /> </ItemTemplate> </telerik:RadToolBarButton> </Buttons> </telerik:RadToolBarDropDown> </Items> </telerik:RadToolBar> </td> </tr>