Widget for Website Front End

[Wayne Luke]

You can create a new template by selecting "Add Template" off the dropdown in the Style Manager. It will be unique to that style though. You would need to create it in all of your styles.

You can use any HTML including embedding Java in a static widget.

[SeanE]

Execute Java Within a Widget?

Also - is it possible to execute a java script inside of a widget?

Thanks,
//sse

[SeanE]

To remove the name I recommend using a custom template. Just add a new template in the style manage and base it off the default one.

So the default code for the template is this:

<div class="cms_widget">
    <div class="block">
        <div class="cms_widget_header">
        <h3><img src="{vb:stylevar imgdir_siteicons}/html.png" alt="" /> {vb:raw widget_title}</h3>
        </div>
        <div class="cms_widget_content_restore_widget_content">
        {vb:raw static_html}
        </div>
    </div>
</div>

Create a new template with this code:

<div class="cms_widget">
    <div class="block">
        <div class="cms_widget_content_restore_widget_content">
        {vb:raw static_html}
        </div>
    </div>
</div>

Then in the configure screen of your widget insert the name of your new custom template.

Ummm - I've tweaked existing templates before - but that's pretty much it - I've never created new ones, etc.

Which template is this that I am supposed to recreate/replace? I'm not really clear on how I'm supposed to do this, would it be possible to get a rough outline on how I do this?

Thanks
//sse

[nakedanvil]

NO! He said create a new template based off the default one.

[SeanE]

So to do that (modify the template), all I would need to do is locate the template where that code exists, modify it, and save it as a new template, correct? I have been trying to stay away from modifying templates too much - for the next upgrade, etc...

//sse

[Wayne Luke]

To remove the name I recommend using a custom template. Just add a new template in the style manage and base it off the default one.

So the default code for the template is this:

<div class="cms_widget">
    <div class="block">
        <div class="cms_widget_header">
        <h3><img src="{vb:stylevar imgdir_siteicons}/html.png" alt="" /> {vb:raw widget_title}</h3>
        </div>
        <div class="cms_widget_content_restore_widget_content">
        {vb:raw static_html}
        </div>
    </div>
</div>

Create a new template with this code:

<div class="cms_widget">
    <div class="block">
        <div class="cms_widget_content_restore_widget_content">
        {vb:raw static_html}
        </div>
    </div>
</div>

Then in the configure screen of your widget insert the name of your new custom template.

[SeanE]

Ah! Very cool - it worked the first time out.

Ok - last question (for this...): How can I get the name of the widget not to appear (at the top of the widget)? I just want the widget to show up with the HTML and whatever else I put on it (image, etc) - but not the name of the widget itself... Is that possible?

Thanks Wayne -

//sse

[Wayne Luke]

Once you have created a widget to hold your HTML, you need to click the Configure link to the right of the widget name in the list. This will open a window where you can insert your HTML. Using the default templates, it should appear similar to all other widgets with 100% width in the column and grow to fit the content. This is all done in the Admin CP.

Once placed, you may have to clear the CMS cache to have it appear initially.

[SeanE]

Hi -

No, I've not been able to create anything within the widget - as I cannot figure out how to access it. I found how to create it, how to place it in my grid - but it does not show up in in my site the way the other widgets do, so I've not been able to determine how to place the HTML in there....

Are there permissions for the widget - or some other kind of enabling switch - after it's been created and placed in the grid?

You can see our existing front page at: http://www.ericsonyachts.org/infoexchange/

Thanks,
//sse

[bszopi]

Did you try to include the <HTML> and/or <BODY> tags in your widget? If so, don't. All you need to paste in there is the content between the <BODY> tags from a standard HTML file. Got a link for your page? It should be fairly simple to pull off.

[SeanE]

Hello -

I'm trying to learn all the CMS stuff now, and cannot find an answer to this in the documentation - so I thought I would ask someone over there....

I have 4.1.4 installed and running - and want to have a single HTML page between two side columns on the front page (pretty basic - the welcome text and big rotating image(s) will reside on the HTML page sitting between the two column widgets on either side).

I saw that I can create my own static HTML page as a widget - and figured out how to place it in the layout my front page uses - but when I go there I don't see anything, and cannot figure out how to load a HTML page into the widget...

Could you advise what I need to do to configure this static HTML widget for my front page in order to paste my HTML welcome page into it?

Thanks,
//sse