| <telerik:RadNumericTextBox ID="txtSalaryTo" runat="server" ShowSpinButtons="true"> |
| <NumberFormat DecimalDigits="0" DecimalSeparator="." GroupSeparator="," GroupSizes="3" AllowRounding="false" /> |
| <IncrementSettings Step="1000" /> |
| <ClientEvents OnKeyPress="KeyPress_Salary" /> |
| </telerik:RadNumericTextBox> |
I have been having difficulty getting my custom styles to apply to the Paragraph Styles dropdown in the RadEditor control within a Sitefinity website.
I have declared my H1, H2, H3, H4 styles in an external stylesheet in ~/Sitefinity/Admin/ControlTemplates/radeditor.css.
I have also added those same H1, H2, H3, H4 styles to the ~/Sitefinity/Admin/Themes/Default/AjaxControlsSkins/Sitefinity/EditorCssFile.css file.
In the ~/Sitefinity/Admin/ControlTemplates/EditorToolsFile.xml, I have added the following:
| <cssFiles> |
| <item name="~/Sitefinity/Admin/ControlTemplates/radeditor.css" /> |
| </cssFiles> |
| <paragraphs> |
| <paragraph name="Normal" value="<p>" /> |
| <paragraph name="<H1>Heading 1</H1>" value="<H1>" /> |
| <paragraph name="<H2>Heading 2</H2>" value="<H2>" /> |
| <paragraph name="<H3>Heading 3</H3>" value="<H3>" /> |
| <paragraph name="<H4>Heading 4</H4>" value="<H4>" /> |
| </paragraphs> |
I even added the .reDropDownBody h1, .reDropDownBody h2, .reDropDownBody h3, and .reDropDownBody h4 styles to both the ~/Sitefinity/Admin/ControlTemplates/radeditor.css and the ~/Sitefinity/Admin/Themes/Default/AjaxControlsSkins/Sitefinity/EditorCssFile.css files, as recommended in this thread.
The styles are applied appropriately to the window of the editor, but not to the dropdown. (See attached images.)
What am I missing?
Thanks for your help.
| <telerik:RadScheduler ID="rsc" runat="server" StartEditingInAdvancedForm="False" |
| DataEndField="End" DataKeyField="ID" DataStartField="Start" DataSubjectField="Subject" |
| OnClientAppointmentInserting="AppointmentInserting" OnClientAppointmentEditing="AppointmentEditing" |
| CustomAttributeNames="Notes,ProjectID,OutOfOffice,Flexitime,ParentFlag,ParentID" |
| EnableCustomAttributeEditing="True" |
| MonthVisibleAppointmentsPerDay="6" Height="100%" |
| Width="100%" DayHeaderDateFormat="dddd dd MMMM yyyy" Style="top: 0px; left: 0px" |
| ValidationGroup="RadScheduler1" HoursPanelTimeFormat="h mm tt" |
| EditFormDateFormat="dd/MM/yyyy" EditFormTimeFormat="HH:mm" |
| meta:resourcekey="rscResource1" SelectedDate="2010-01-06"> |
| <AdvancedForm EnableCustomAttributeEditing="True" /> |
| <Localization ConfirmDeleteText="Are you sure you want to delete this entry?" |
| ConfirmDeleteTitle="Confirm Delete" /> |
| <TimelineView NumberOfSlots="7" UserSelectable="False" /> |
| <DayView HeaderDateFormat="dddd dd MMMM yyyy" /> |
| <MonthView VisibleAppointmentsPerDay="6" /> |
| <AppointmentTemplate> |
| <div style="text-align: center"> |
| <%#Eval("Subject")%> |
| </div> |
| <hr /> |
| <%# Eval("Notes") %> |
| </AppointmentTemplate> |
| </telerik:RadScheduler> |
| <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> |