The Web Element Designer is a simple design tool that will generate the code you need to embed the element you've designed into your website or your Cobalt portal. It allows you to configure all of the different parts of the portal as embeddable web elements that can appear in your website OR allow you create custom web elements that can be added to your standalone Cobalt portal. You should only use one designer, either for your Widgetized Portal or for your standalone portal.
Cobalt staff will provide you with the link to the Web Element Designer and it should follow this structure:
https://[Portal Site URL]/WebElementDesigner.aspx
NOTE: The URL is case sensitive so make sure that yours matches WebElementDesigner.aspx exactly.
Accessing The Widgetized Portal Web Element Designer
1. Embed the login Web Element on a page on your website, making sure to replace [PORTAL URL] with the actual URL of your portal:
<div id="cw-1040526991" style="width: 100%; height: 100%;" class="cobalt-widget" data-loading="true" src="https://[PORTAL URL]/Login.aspx?ReturnUrl=%2fProfile%2fDefault.aspx%3fwidget%3dframe&widget=frame&color=&script=&ver=2.0"/><script>var js,p=/^http:/.test(document.location)?"http":"https";if(!document.getElementById("cobalt-wjs")){js=document.createElement("script");js.id="cobalt-wjs";js.src="https://[PORTAL URL]/App_Themes/Nevia/js/widget.js";document.getElementsByTagName("head")[0].appendChild(js);}</script>
2. Provide Cobalt with the URL of the page where the code block was embedded
3. Cobalt will create the necessary Widget Service Configuration
4. Once that is complete, navigate to that page on your website to confirm that the Login Web Element renders
5. Login to the element with credentials for a user that falls into the Staff Contacts CMS User Role
6. Once logged in, navigate to the designer URL*: https://[Widget Site URL]/WebElementDesigner.aspx
*If you do not see the Web Element Designer then it is likely that the widgetized portal has not been set up for you yet. Contact Cobalt support to set up the widget site for you.
Accessing The Standalone Portal Web Element Designer
1. Navigate to the designer URL: https://[Standalone Portal Site URL]/WebElementDesigner.aspx
2. Login to the element with credentials for a user that falls into the Staff Contacts CMS User Role
Once you've confirmed that you can access the Web Element Designer, you can begin generating Web Elements for your site or portal. To find more information on how to use the designer and on different Web Elements you can create, refer to these articles:
Using The Web Element Designer