Home >
Online Product Documentation >
Table of Contents >
XSLT Editor - WYSIWYG Tab
XSLT Editor - WYSIWYG Tab
|
|
The XSLT editor
WYSIWYG tab is available only in Stylus Studio XML Enterprise Suite and Stylus Studio XML Professional Suite.
|
The
WYSIWYG tab is available in the XSLT editor. Use this tab when the stylesheet you are developing generates HTML. The WYSIWYG tab provides an HTML editor that allows you to drag and drop elements from the source XML document onto the HTML canvas.
To display the XSLT editor, open an XSLT stylesheet, or select
File >
New >
XSLT Stylesheet from the Stylus Studio menu bar. At the bottom of the XSLT editor window, click the
Params/Other tab.
Fields
HTML Element
Drop-down list of the HTML tags you can apply to text in the HTML canvas.
Font Family
Drop-down list of the fonts you can apply to selected text.
Font Size
Drop-down list of font sizes you can apply to selected text.
Buttons
Preview XSLT Result applies the stylesheet in the context of the current scenario.
Display Preview Window toggles the display of the
XSLT Preview window.
2D Position locks the selected image in place or allows it to move according to the surrounding contents. When
Lock In Place is selected, select
Allow Repositioning to change the position at which the image is locked.
Bold makes the selected text bold.
Italics puts the selected text in italics.
Underlines the selected text.
Text Color allows you to specify the color for the selected text.
Background Color allows you to specify the color for the background of the selected text.
Numbered List numbers the selected lines of text.
Bullet List changes the selected lines of text to bulleted items.
Outdent shifts the selected components to the left.
Indent shifts the selected components to the right.
Align Left makes the selected components left justified.
Center aligns the selected components in the center.
Align Right makes the selected components right justified.
Table Operations inserts a table.
Form Operations inserts a form, button, check box, text box, radio button, text area, or combo box.
Insert Image inserts an image.
Insert Hyperlink inserts a hyperlink.
For More Information
Creating Stylesheets That Generate HTML