54min

Plugins

A description of the Plugins supplied with Antetype Web. Unfortunately we never had the time to properly document this area. If you have suggestions/ideas for plugins, do not hesitate to contact us.

The language used is called F-Script, here copy of the documentation, which is hard to find nowadays: F-Script Guide (pdf).

Document image





Cell Name Update

In Antetype cells have names and widget cells too. If you create a new instance of a widget the widget-cell-names are used. But you are free to change them as you like in the instance. This script overwrites the names of the instances with the names stored in the widget. (See Update Name for a way to change the name in the widget).

  • Select a widget instance on the screen
  • Select Plugins › Cell Name Updae
  • All other instances of the widget are now using the same names





Center Screen

If the screen scrolled out of the viewport, this script centers the screen and displays it at 100% again.





Cleanup Widgets

If you copy/paste between documents the "merge dialog" does show up and shows widgets which are not on the clipboard. If this is the case, use this plugin to cleanup the widgets in your project. (The bug which caused the references to widgets is now fixed).





Colorvision

Simulates various forms of color blindness or the usage of Accessibility helps the user might use.

Use "Remove Filter" to restore the normal rendering.





Convert Pseudo States for Spec

Due to technical reasons, we can not make pseudo states (Mouse Over, Pressed and Hover) active in the Web Viewer export. We rely on the browser to change the state. This hurts for specification, where you want to show a widget in for example its Mouse Over State.

This plugin looks through your document, finds all widget instances with a selected pseudo-state, duplicates the pseudo-state and makes it active.

  • Save your current work (or use Save As)
  • Select Plugins › Convert Pseudo States for Spec and wait
  • export the web-viewer





Edit CSS / HTML / Script / header_include in Visual Studio Code

With these three plugins you are able to edit the CSS / HTML / Script externally in Visual Studio Code. The text will be opened in the editor, saving will automatically update your Antetype document. The opened temporary file is valid as long as the cell/action is not deleted in Antetype. That is: you can keep the editor open, work in Antetype and hitting save updates the cell.

CSS / HTML

For CSS / HTML you need to select a cell. We use a class (.only-for-vscode) so that syntax highlighting works in the CSS file.

The code should look something like this:

CSS
|



Script

To edit a script the specific script action needs to be selected.

Document image



Header Include

To edit the header_include file in Visual Studio Code. It can be used to include external libraries.

HTML
|









Force Update Widget

If you have several changed widget instances (showing a green dot in the inspectors) and Update one of them, the others don’t change since we don’t want to overwrite your changes. Instead of going through your instances and manually revert them, this plugin does it for you.

  • Choose the widget instance that you would like to use as "master"
  • Select Plugins › Force Update Widget

The widget updates (like using the normal Widgt Update), all other instances are reverted.





Import / Export Colors

This plugin is for importing / exporting .clr color paletts.





Multi Paste

Say you have a structure and want to fill in the text. Copy multi-line text onto the clipboard, select the cell which should contain the text:



Document image

And execute the Plugin, the text is entered in the corresponding cells of its siblings:



Document image





Remove Interactions

Like the title says, removes all interactions of the selected objects (cells/screens and its children). That is if you want to remove all interactions in a project, select all screens and execute the plugin. For one screen, select the screen, for a cell (with children) select the cell.

  • Select the container objects (screens/cells)
  • Select Plugins › Remove Interactions





Remove Unused Colors

Deletes all colors which are not used in cells or widgets.





Replace Font Family

Like Replace Colors but for fonts. The Original-Popup contains all fonts used in your document, Replace shows the fonts available on your mac.

  • Select the font to replace in the Original Popup
  • The Replacement font int the lower Popup

If you open a document which uses fonts not installed on your computer they show up in the list as .AppleSystemUIFont here you can replace them:

Document image





Replace Selection with Widget

This one needs a little more explanation. It is used to convert multiple basic cells into a widget (or change the widget). Here a typical use case for this plugin.

You happily design your ui using basic-cells:

Document image



And now you realize it would be better to creata widget for it. Instead of creating a widget and rebuild the other instances you can use this plugin. Convert one of the basic-calls into a widget:

Document image



Make the image also individual (individual properties are preserved by the script):

Document image

Copy the widget to the clipboard (⌘ C), Select the other cells:

Document image



Select Plugins › Replace Selection with widget and now the cells are converted, but the individual properties (here text and image) are preserved:

Document image



Replace Text

Replaces text of cells.

Document image



Info

To use copy/paste you have to use the context-menu of the text fields. Sorry about that.





Reset Basic Cell

In rare circumstances you might end up getting a cell with content if you choose Elements › New Rectangle you get a cell with content. This script fixed the issue (#572)





Revert all Instances

Like Force Update Widghet, this one makes sure all other instances look like the selected one.

  • Select a widget instance
  • Choose Plugins › Revert all Instances and all instances of the widget are reverted.





Screen Statistics

Shows the number of cells and interactions on the current screen.

Document image





Cell Statistics

Shows the number of cells and interactions on the current cell.





Select all Widgets on Screen

Selects all widgets of the current selected widget on the current screen. See https://discourse.antetype.com/t/update-widgets-only-on-screen/519 for the discussion.



Update Name

If you created a widget and later one you realize Rectangle is not the right name for a cell :) you can use this plugin to change the name in the widget.

  • Change the name of the widget cells
  • select the cells with the changed names
  • Choose Plugins › Update Name

If you now create a new widget instance it uses the new names.

Note

This does not change existing instances. Use Cell Name Update instead.







Updated 05 Apr 2022
Did this page help?
Yes
No