I would like to have a simple layout containing a single pane configured as "Multiple" to make tabs. I would like to script three tabs containing WebBrowser with specific URL for each tab. Anyone could help me with some script example?
Thanks
Thibaud
Hello Thibaud,
Seems like an interesting concept to build out here's some of my thoughts on creating the content as you described above, maybe a more simplistic approach that meets your requirements without heavy amount of scripting.. more so configuration within OMI/System Platform. See below for more of the details..
1. First we'll need to create a couple of assets to utilize as part of this design, in my demonstration I have a main display that will contain my tabbed websites, individual layouts that embed a web browser control for each tabbed link, a custom namespace and finally a symbol to allow for runtime manipulation of the URL's.
2. Need to create a custom namespace, in which we will create 3 string attributes representing the various links we'd like to embed as part of the browser controls. For more of an in-depth understanding of namespaces you can navigate to the online documentation:
https://docs.aveva.com/bundle/sp-omi/page/509718.html
3. You can now start with creation of the individual layouts for each website accessed, simply drop the web browser control in each of the layouts and ensure you modify the control properties of the address. In this demonstration we are referencing a dynamic URL which can be controlled with our symbol at runtime. Repeat as many times as needed (in our demonstration 3 times). Details of how to configure the web browser control is linked below:
https://docs.aveva.com/bundle/sp-omi/page/338412.html
Note: You should see that the custom namespace is available through intellisense
4. Next created a symbol that allows me to manipulate the values in my custom namespace, simply created a user input and directed the references to the MyViewApp.<custom_namespace>.<attribute>, do this for as many custom attributes you created in your namespace.
5. Wrap this all up into my tabbed view layout, in which I created a pane to display my namespace editor symbol and tabbed content.. ideally what you can do in this step is either create a script using the functions that John had mentioned earlier "show content" or just drag and drop each previously configured layout onto this tabbed view layout to display it.
6. Open your previously configured ViewApp, where you can test out this functionality.. i just created a shortcut by creating my own custom navigation and embedded the tabbedview layout, select preview to test it out.
Hello Thibaud,
Seems like an interesting concept to build out here's some of my thoughts on creating the content as you described above, maybe a more simplistic approach that meets your requirements without heavy amount of scripting.. more so configuration within OMI/System Platform. See below for more of the details..
1. First we'll need to create a couple of assets to utilize as part of this design, in my demonstration I have a main display that will contain my tabbed websites, individual layouts that embed a web browser control for each tabbed link, a custom namespace and finally a symbol to allow for runtime manipulation of the URL's.
2. Need to create a custom namespace, in which we will create 3 string attributes representing the various links we'd like to embed as part of the browser controls. For more of an in-depth understanding of namespaces you can navigate to the online documentation:
https://docs.aveva.com/bundle/sp-omi/page/509718.html
3. You can now start with creation of the individual layouts for each website accessed, simply drop the web browser control in each of the layouts and ensure you modify the control properties of the address. In this demonstration we are referencing a dynamic URL which can be controlled with our symbol at runtime. Repeat as many times as needed (in our demonstration 3 times). Details of how to configure the web browser control is linked below:
https://docs.aveva.com/bundle/sp-omi/page/338412.html
Note: You should see that the custom namespace is available through intellisense
4. Next created a symbol that allows me to manipulate the values in my custom namespace, simply created a user input and directed the references to the MyViewApp.<custom_namespace>.<attribute>, do this for as many custom attributes you created in your namespace.
5. Wrap this all up into my tabbed view layout, in which I created a pane to display my namespace editor symbol and tabbed content.. ideally what you can do in this step is either create a script using the functions that John had mentioned earlier "show content" or just drag and drop each previously configured layout onto this tabbed view layout to display it.
6. Open your previously configured ViewApp, where you can test out this functionality.. i just created a shortcut by creating my own custom navigation and embedded the tabbedview layout, select preview to test it out.
