One of Trade Ideas best features is the ability to create and present custom trading strategies
using Smart Layouts within web pages or blogs. Smart Layouts were designed to allow the user to
group resizeable windows within a single container that can be easily shared or embedded within
other online media, while retaining the content determined by the user and presenting live data.
This feature is based on the existing Trade Ideas concept of the user’s ability to create their
own channel layouts and share them using the cloud features. But now they can be displayed outside
of the Trade Ideas client or web application. Trade Ideas Vision allows the user to embed a layout
via an iframe within the user's content. The shortcode to embed your layout window within your content is the following:
[tivision code="cloudcode" height="height" width="width"]
In order to use this plugin, you will also need to have an active Trade Ideas account
in order to create the Smart Layouts to be displayed as well to generate the cloudcode to paste into the shortcode above.
Please refer to Installation for further details.
From your WordPress dashboard
- Visit 'Plugins > Add New'
- Search for 'TradeIdeas Vision'
- Activate TradeIdeas Vision from your Plugins page.
From
WordPress.org
- Download the TradeIdeas Vision zipfile.
- Unzip and place the 'tradeideas-vision' directory to your '/wp-content/plugins/' directory.
- Activate TradeIdeas Vision from your Plugins page.
Please refer to the Screenshots for some of the steps below.
Create Your SmartLayout to Display in Your Blog or Web Page
- Please login to Trade Ideas at the following url: http://hadoop.trade-ideas.com/TIProWeb/TIPro.html?dev_tools=1
- After successful login, select Tools > Windows from the toolbar after which you will see the 'Current Windows' popup display. This popup shows the windows currently being displayed in the application.
- On the 'Current Windows' popup, click the 'Close All' button, after which all current windows being displayed will close.
- Now go to the toolbar and select New > then the window type that you wish to be included within your Smart Layout.
- You may configure your selected window by right-clicking in the body of the window and selecting 'Configure' which will then display the Config Window.
- After having configured your selected window with the desired strategies and/or filters, exit the Config Window by clicking OK.
- Repeat steps 4 - 6 above for all additional windows that you wish to be included in your Smart Layout.
- Once you have the windows that you want to display in your Smart Layout configured correctly, position them on screen in roughly the layout that you want them to appear.
Retrieve Your Cloud Code From Your Saved Layout
- Now from the toolbar, click 'Smart Layout'. The dropdown will highlight the appropriate layouts based upon the number of windows that you have displayed.
The icons to the left of each selection will help you to choose the correct layout option.
- After selecting your desired option from the dropdown, the 'Save Special Layout' dialog appears. Type in the name for the layout and click 'OK'.
The Layout is now saved to your cloud list.
- From the toolbar go to Tools > Load From Cloud
- In the 'Load From Cloud' dialog, click on the name of the layout that you had created in the previous steps followed by clicking the 'Share' button.
The 'Share' dialog now appears.
- Within the 'Share' dialog, you will now see a url containing the cloudcode. You may copy the url that's shown to someplace temporary, and get
the 32 character number that comes after 'code='. This is the cloudcode parameter that will be used in the shortcode tag for your WordPress document.
[tivision code="cloudcode" height="height" width="width"]
1.0.3
Removed obsolete code. Bug mentioned in 1.0.2 fixed server-side.
1.0.2
Upon loading, the page would automatically scroll down to the location of the Trade Ideas Vision window. Code was added in order that the page may return back to the top position.
1.0.1
More notes added within the FAQ. No change to live code.
1.0