Synchronous navigation in code and preview panel

TopStyle has been discontinued and support is no longer available. The forum is read-only. NOTE: TopStyle was not developed by the makers of CSS HTML Validator.
Locked
roman
Rank 0 - Newcomer
Posts: 4
Joined: Thu Dec 24, 2009 6:37 pm

Synchronous navigation in code and preview panel

Post by roman »

Hi,

I haven't found a way in TopStyle to navigate in code and preview panel synchronously. This ability would be a huge improvement. I find the program difficult to use without it.
User avatar
TopStyle Support
Rank VI - Professional
Posts: 506
Joined: Sat Jun 13, 2009 12:38 pm
Contact:

Re: Synchronous navigation in code and preview panel

Post by TopStyle Support »

Starting with build 4.0.0.71, the preview panel toolbar contains a "Synchronize" button. When you click this, you can enable two settings:

1. Synchronize preview with editor position
2. Synchronize editor with preview selection

Both these options are HTML-only (obviously). I agree this isn't a full round-trip synchronization between editor and preview (yet), but it comes pretty close. I'm hoping on improving these features for TopStyle 5.

Thanks, Stefan.
roman
Rank 0 - Newcomer
Posts: 4
Joined: Thu Dec 24, 2009 6:37 pm

Re: Synchronous navigation in code and preview panel

Post by roman »

A good companion to the toolbar button would be a key shortcut.

And as you improve this area, it would be very useful to be able to click on an element inside code or preview panel and have it reflected in the other view (by scrolling into view first, of course, and then by changing color, adding borders, blinking, etc. -- something to draw attention to it).
Locked