CSS for read-only

  •  01-04-2008, 4:01 PM

    CSS for read-only

    I can't get my css class to apply to read-only version of editor. Here is the code:
     

    <ItemTemplate>

    &nbsp;<CE:Editor ID="Editor2" runat="server" ActiveTab="View" AutoConfigure="Minimal"

    ContextMenuMode="Minimal" EditorWysiwygModeCss="~/ReportingApplication/css/screen.css"

    FilesPath="" ShowDecreaseButton="False" ShowEditMode="False" ShowEnlargeButton="False"

    ShowHtmlMode="False" Text='<%# Eval("Topic1") %>' URLType="Default" Width="484px" ShowPreviewMode="False" CssClass="viewbox" ShowBottomBar="False" ShowCodeViewToolBar="False" ShowGroupMenuImage="False" ShowTagSelector="False" ShowToolBar="False">

    <FrameStyle BackColor="White" BorderColor="#DDDDDD" BorderStyle="Solid" BorderWidth="1px"

    CssClass="CuteEditorFrame" Height="100%" Width="100%" />

    </CE:Editor>

    </ItemTemplate>
     
    The css class "viewbox" is:
     
    .viewbox {font: 12px/14px Arial, Helvetica, sans-serif; color: #333;}
     
    But the editor displays serif text.
     
    Help! What am i doing wrong?
     
    Thanks!
View Complete Thread