Title: Proteus URL Dialog Widget plug-in

Note: The updated and Improved version is out! Forum6534: Proteus Lightbox Widget plug-in

----

This plugin let you show a specific web page in the Proteus' dialog, like Lightbox.

The Lytebox plug-in which I developed several years ago has some compatibility issues and the Lytebox JavaScript library doesn't work fast in some of the today's browsers (at least in my environment). If you are using the Lytebox plugin, please consider to replace it with this new plugin.

Related: SDK362 (Thank you, Andy Keller !)



Download



Click the link below to download the plugin's zip file.

Proteus URL Dialog Widget /db/attachments/forum/6466/share/
 18.5 KBcom.traction.proteus.urldialog-1.0.zipMay 27, 20155:15:01 AM EDT


Install



Log in to your TeamPage and open Server Settings > Plugins page to upload the zip file.

After you complete uploading, you will see "I18N ERROR".

This error means "At this moment, the internationalization resources (language files) are not loaded yet." Don't worry. It is harmless. Just restart your TeamPage server in Server Settings > General > Manage Server page to solve this error. If your TeamPage server is hosted in Traction Software's cloud environment, you need restart your TeamPage server twice.

After restarting (twice), you will see the plugin is displayed without error like this.

How to use



Click the Insert/Edit Widget button in the rich-text editor's tool bar. You will find the item named Proteus URL Dialog.

Insert the widget

You will see the widget options view. Fill in, and click OK.

Widget Options

The widget is inserted where the cursor was located. Submit the article.

Inserted Widget

The widget is rendered as a link in the article body.

リンク

When you click it, you will see the target web page is displayed in the Proteus dialog. Click OK or press Enter or press ESC to close the dialog. Click Open to open the web page.



Notes



Link Decoration by Class and CSS



You can set the class in the Link Class option. This can be used to decorated the link. For example, if you fill in "button", the link will be decorated like a button.

Link like a button

Unique IDs for Multiple Widgets in The Same Paragraph



When you embed multiple widgets in the same paragraph in the same article, you have to set a unique ID for each widget, so that TeamPage can identify each link and dialog.

For example, if you want to create two links by inserting two widgets,

Multiple Widget

Set a unique ID for each.

Multiple Widget



Attachments:
insert_widget_1.png
insert_widget_2.png
insert_widget_3.png
insert_widget_4.png
dialog_example.png
class_button.png
set_id1.png
set_id2.png
Shared Files for Forum6466
Related Articles
Article: Forum6466 (permalink)
Categories: :Doc:Forum
Date: May 27, 2015; 5:13:15 AM Eastern Daylight Time

Author Name: Takashi Okutsu
Author ID: takashi