TopStyle 4.0 Release Notes
build 4.0.0.83 / december 16, 2010

Tap into the power of cascading style sheets (CSS) and (X)HTML.
What's new in TopStyle 4.0

TopStyle 4 includes many new features to help you create and maintain CSS and (X)HTML documents that support best practices and the latest technologies.
Unicode

When you save your (X)HTML document (File > Save As), you can optionally select encoding for your document. TopStyle allows you to save your document ANSI-encoded (the TopStyle 3.x default), or Unicode-encoded (UTF-8 or UTF-16).

When you open an existing document (File > Open), TopStyle will try and auto-detect the encoding for the document you're trying to open. If the document you're trying to open does not contain a BOM (byte-order mark), auto-detect assumes your document is ANSI-encoded (the TopStyle 3.x default).

Note: TopStyle will always include a BOM (byte-order mark) with your Unicode-encoded documents.
Live FTP editing

TopStyle allows you to edit online documents via FTP (File Transfer Protocol). The new FTP Explorer Panel (View > Panels > FTP Explorer Panel) allows you to drag-and-drop documents from your FTP site(s) into the TopStyle editor. Alternatively, you can select File > Open from FTP from the TopStyle menu.

Note: when you save your document, it is automatically uploaded to your FTP site. TopStyle makes FTP totally transparent. You are not bothered with downloading (and/or uploading) your document(s) by hand.

Last but not least, you can upload your local documents (the ones not downloaded from a FTP site) to your FTP site(s) via File > Save to FTP.
HTML toolbar

TopStyle comes with a new, user-configurable HTML toolbar (View > Show HTML Toolbar) that is displayed above the editor. By default, this HTML toolbar is available to (X)HTML documents only, but you can optionally enable it for CSS documents too via Options (F8) > HTML Settings > HTML Toolbar.

Simply click and hold down the mouse button on a HTML toolbar item, and then drag the item from the HTML toolbar anywhere into your document. When you release your mouse button, a snippet is inserted into your document. Some HTML toolbar items optionally display a dialog where you can configure the snippet before it is inserted.

You can apply a HTML toolbar item to selected text as well. Select some text in your document, then click a HTML toolbar item and release the mouse button without dragging the item out of the HTML toolbar.

Note: HTML toolbar items are stored under \Documents and Settings\<username>\Application Data\Bradsoft.com\TopStyle\4.0 (Windows XP) or \Users\<username>\AppData\Roaming\Bradsoft.com\TopStyle\4.0 (Windows Vista). Advanced users can create their own HTML toolbar items.
New style definitions

TopStyle includes new style definitions for IE8 (Microsoft Internet Explorer 8), FF3 (Mozilla FireFox 3), SF3 (Apple Safari 3), and SF4 (Apple Safari 4).
Insight for scripting languages

TopStyle includes Script Insight for ASP (both JavaScript and VBScript), PHP, and ColdFusion.
Code folding

In addition to CSS rule collapsing, TopStyle allows you to collapse...
Comments in CSS and HTML
PHP and ASP blocks in HTML
JavaScript functions and compound statements (such as while, try, and switch)
Bookmarks

The TopStyle editor context menu contains new commands for navigating your document(s). To display the editor context menu, right-click anywhere in the editor window.

Choose Toggle Bookmarks from the editor context menu to set or clear up to 10 bookmarked locations in each document you have open in the editor. Bookmarks let you save your place within a long document. You can also press Ctrl+Shift and the number of the bookmark to set or change the location of a bookmark. When a bookmark is set, you see a box in the left margin of the editor with the bookmark number in it.

Choose Goto Bookmarks from the editor context menu to display a list of bookmarked locations you can jump to in the editor. You can also jump to bookmarks by typing Ctrl + the number of the bookmark.
iPhone (and iPod touch) web app development

TopStyle includes iWebKit, a simple and advanced development framework for iPhone (and iPod touch) web apps:
Start a new iWebKit project via File > New Site > iWebKit.
Add a new iWebKit page to your site via File > New HTML Document > iWebKit.
the new HTML toolbar contains an iWebKit tab, providing easy access to most of the commonly used iWebKit elements (such as navigation buttons, menus, lists, form elements, etc).

In addition to iWebKit, TopStyle includes new CSS definitions for Apple's mobile Safari (iPhone OS 1.1 and iPhone OS 2.0).

Last but not least, TopStyle includes a new *internal* preview for Apple Safari.
Improved inline style

Inline style attributes (eg. style="|") support CSS color-coding and Style Insight (Ctrl+Space).
IE8 document compatibility

TopStyle allows you to change the current IE8 document compatibility mode (you can select a mode from the document compatibility list under TopStyle's HTML menu).

TopStyle's full screen preview (F12) enables experimenting with different IE8 document compatibility modes, so you can see how they affect the rendering of your pages. Because the full screen preview may be split in two panels, each preview panel has its own IE8 document compatibility mode!
HTML 5

TopStyle contains a new HTML definition for HTML 5, and supports the new !DOCTYPE for HTML 5.
Improved CSS Insight
includes recently used colors (CSS color properties only)
(sub)property values are grouped (CSS shorthand properties only)
Live spelling (HTML-only)

TopStyle identifies spelling errors as you type with wavy red underlines, and allows you to act upon each identified problem with a new context menu.
New HTML templates

TopStyle includes new (HTML) templates for HTML 5, ASP JavaScript, ASP VBScript, ASP.NET C#, and ASP.NET VB.
Support for the latest web browsers

TopStyle auto-detects the latest (external) browsers, including Mozilla Firefox, Apple Safari, Opera, and Google Chrome.

Additionally, the (internal) preview for Mozilla Gecko (Mozilla FireFox) has been updated to support the latest version of Mozilla Gecko (Mozilla FireFox).
Improved PHP support

Inside PHP HEREDOCs, TopStyle will display it's Tag Inspector (or Inline Style Inspector) and HTML Insight when you're adding/editing HTML tags.
Improved CSE HTML Validator integration

TopStyle includes improved integration with CSE HTML Validator, including HTML link checking.
Updated HTML Tidy

TopStyle includes the latest release of HTML Tidy, and supports all the latest HTML Tidy configuration options.
Look & Feel

TopStyle supports (Windows) XP themes, and provides a better visual user-interface experience on Windows XP, Windows Vista, and Windows 7.

[NEW] added the ability to rename file(s) in FTP explorer (F2).
Added new setting: Options (F8) > Editor > Color Coding > Current Line Color.
[NEW] drag multiple images from the File Explorer and drop them into the editor pane.
[CHANGED] Find/Replace in Files: dropdown under "search in this folder" increased from a maximum of 15 to 30 items.

[BUG] when you click on a partially obscured document tab, that document might accidentally switch places with another open document. Fixed.
[CHANGED] renamed iPhone OS to iOS.
[BUG] misspelling on Options window. Fixed.
[NEW] setting: Options (F8) > General > "Sync File Explorer directory with Site Root when opening a Site".
[CHANGED] Find/Replace in Files dialog is re-sizable.
[CHANGED] added large/small icons toggle buttons to File > Open Site.
[BUG] -ms-interpolation-mode is not included with the IE8 style definition. Fixed.
[BUG] downloading an update can potentially cause the following error: "access is denied". Fixed.
[BUG] when a PNG image is in-use by some other process, "calculate <img> width and height" might potentially crash. Fixed.
[CHANGED] added some more error-handing to the HTML toolbar.
[BUG] When you click on a "Find/Replace in Files" result in the Messages pane, it might accidentally select the wrong location. Fixed.
[CHANGED] Find/Replace in Files: dropdown count under "search in this folder" increased from 8 to 15 items.

[BUG] when "substitute HTML entities" is turned on, the spell check can potentially crash. Fixed.