close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Limit Pulldown Menus

Thread began 5/07/2010 4:09 pm by bill173836 | Last modified 5/09/2010 12:58 am by neilo | 588 views | 1 replies |

bill173836

Limit Pulldown Menus

I want to substitute the H1, H2 etc and the fonts with my designated CSS styles only. How do you do that? I've attached the css style and it shows how in the window but none of the pulldown menus reflect my css styling choices.

Sign in to reply to this post

neilo

Hi Bill,

When you say that the css style you attached 'shows (now?) in the window', does that mean that

• your chosen styles are available to select from the drop-down 'style' menu when you're inserting or updating a form using HTMLEditor and the styles apply properly to the finished updated page, but they just don't show in the drop-down list in the actual style they represent,


or

• they show in the HTMLEditor interface as available styles when you are trying to add them to the Editor as new styles, but don't show up in the drop-down list at all?


If the styles have been properly applied, you will have in your HTMLEditor/custom folder, two files (per Editor instance) - an XML file and a .js file. If the XML file has all your styles showing, then the Editor has recognised and made them available.

In the javascript file, look for the lines (at or near lines 33 - 35) - they should have added the correct paths to your stylesheet, the new xml file, and name the style you selected as a 'body' style (if you did):

FCKConfig.EditorAreaCSS = '../../css/sitestyles.css'; // relative to fckeditor/editor/fckeditor.html
FCKConfig.BodyClass = 'body';
FCKConfig.StylesXmlPath = '../custom/index_messageAreaStyles1.xml'; // relative to fckeditor/editor/fckeditor.html


Your stylesheet and xml files will have different names.

If you could check these out and explain a bit more about the problem, it will be easier to fix.

The Heading styles h1 - h6 can only (I think) be made to appear in the actual manner of their styles in the 'format' drop-down, by defining them in the FCKConfig.CustomStyles area in your HTMLEditor/fckconfig.js file (at or near lines 224 - 229). For example,

Line 224:
'h1' : { Element : 'h1' },

could be defined as 24px, red, Times New Roman, by editing line 244 to read:

'h1' : { Element : 'h1', Styles : { 'color' : 'Red', 'font-size' : '24px', 'font-family' : 'Times New Roman'} },

You can do this with all or some of the Heading elements as required. The format and punctuation must be exactly as above, though.

Alternatively, and easier, you could just define those styles as classes in your stylesheet, i.e:

.myH1 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#F00;;
font-size:24px;
}
.myH2 {
etc.
}


and they will show up in the styles-drop down, rather than the format drop-down.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...