VFE - custom styles?

TS 6.5SP3 Windows

I want to configure the VFE to include a "footnote" style (or similar) so that I can wrap text within that style (and then process it in the PT for inclusion later in the generated page [this part is fairly easy])

I took a look through the documentation - I didn't see anything in the manual about being able to define a custom style, but there's some text about wrapping div elements and custom style sheets that I think might do what I'm trying to do (in this case <div class="footnote">...</div>)

I'm curious to know if anyone else has done this kind of thing (not necessarily for footnotes) - and if so, (a) is this the right approach, and (b) whether you can share any insights / configuration snippets that made it work?

Find more posts tagged with

Comments

Pawan

Hi Fish,
I can't say how to configure VFE, but if you want you can achieve your goal by

Using a static item in you dcr which will always be used in generation and can replace the footnote.
Import a html/javascript file in the dcr to your tpl file for the footnote which can be developed dynamically or statically whichever is comfortable to you.

HTH

Adam Stoller

Hi Fish,
I can't say how to configure VFE, but if you want you can achieve your goal by
Using a static item in you dcr which will always be used in generation and can replace the footnote.
Import a html/javascript file in the dcr to your tpl file for the footnote which can be developed dynamically or statically whichever is comfortable to you.
HTH

That doesn't help - sorry.
I've already provided a simplistic way of doing this for non-VFE textareas (and text fields) that employs a simple

[]foot: footnote text here]

mechanism - but I'm looking for something for VFE for users who are generally Word-literate not markup-literate - so I want to provide a "style" that they can wrap around text in the VFE area which I can then easily process in the PT.

Keep in mind - the footnotes are desired to be placed inline with the content to which they refer - when writing content, but will be displayed separately (as footnotes at the bottom of the page) when it is generated.

Next?

Pawan

That doesn't help - sorry.
I've already provided a simplistic way of doing this for non-VFE textareas (and text fields) that employs a simple
[]foot: footnote text here]
mechanism - but I'm looking for something for VFE for users who are generally Word-literate not markup-literate - so I want to provide a "style" that they can wrap around text in the VFE area which I can then easily process in the PT.

Keep in mind - the footnotes are desired to be placed inline with the content to which they refer - when writing content, but will be displayed separately (as footnotes at the bottom of the page) when it is generated.

Next?

Please correct me if I haven't understood your requirement right.

You want to filter out some text/content entered by the user towards the end of the VFE, and show that as footer of the generated page.
Your footer content will change each time for every new VFE.
User will enter formatted text/content for the footer in VFE, so no extra formatting needed in PT.
User is not willing to enter the footer content in another VFE, may be for better visibility.

Let me know if anything isin't clear or covered from the above points.

Adam Stoller

TS 6.5SP3 Windows

I want to configure the VFE to include a "footnote" style (or similar) so that I can wrap text within that style (and then process it in the PT for inclusion later in the generated page [this part is fairly easy])

I took a look through the documentation - I didn't see anything in the manual about being able to define a custom style, but there's some text about wrapping div elements and custom style sheets that I think might do what I'm trying to do (in this case <div class="footnote">...</div>)

I'm curious to know if anyone else has done this kind of thing (not necessarily for footnotes) - and if so, (a) is this the right approach, and (b) whether you can share any insights / configuration snippets that made it work?

Resolved
In the DCT:

...
<textarea rows="7" cols="55" wrap="virtual" required="t"
          external-editor="visualformat" external-editor-inline="t"
external-editor-config="[color=red]my_custom_cfg.xml"[/color]/>
...

In my_custom_cfg.xml (located [for 6.5] in

iwhome/httpd/iw/

...
        <standard ...>
            ...
<style publishstyles="false" href="[eWebEditProPath]/[color=red]my_custom.css"
                   equivClass="strict" wrapstylewithdiv="true"
                   preservewordstyles="false" preservewordclasses="false">
            [/color]
            ...
        </standard ...>

In my_custom.css (located in

iwhome/httpd/iw/ewebeditpro20/

...
.Footnote {
    font-size: 8.0pt;
    font-style: italic;
    color: blue;
    }
...

I used a title-cased name for the class in the CSS because that's how it shows up in the (Apply Style) drop-down in the VFE toolbar (dynamically, just by adding the class definition in the CSS file).

The result is that I can wrap some text within a sentence or paragraph, select Footnote from the drop-down list in VFE and it wraps the text in a span tag with class specifier - e.g.:[html]This is some text and a footnote with some more text[/html]It appears within the VFE (due to the CSS) as:[indent]This is some text and a footnote with some more text[/indent]

My PT code can then transform it into:[indent]...
This is some text¹ with some more text
...
...
1. and a footnote[/indent]which is what I was looking to do.