OK reaching a small impasse and I am sure someone else has come across this... We are on 8.1 Web Client and trying to create a new widget.. no no no don't run away yet...

The "Welcome" widget that has the small graphic and some links on it I am trying to either duplicate somehting close to that to or change the one that exists.. So here is where we are..

1. I have created a new widget .. copied the code from the "Welcome widget" added it to my new widget and released it.. works just like you would think.. cool..


2. Then changed the file crm_banne09111 and crmbanne0911 and crm_banner0412 to be the file I would like to use as the new picture.. Here is my issue now..


3. My new graphic shows inside the widget .. btw in the widget code there is no reference to any of those files.. However my graphic is bigger and would like it to be


4. I have tried adding and modifying the prefHeight but it doesn't seem to change the size of the actual widget


5. So How do I either change the size of the welcome widget, which I believe is defined inside the class, which I can't seem to find, or how do I create a new widget that does nothing but display a graphic file ?

**** Here is my widget code ****

<?xml version="1.0" encoding="UTF-8"?><br /><Module>
    <ModulePrefs title="Focsle Portal" name="Focsle Portal" family="System"/>
    <Description>ortal Image</Description>
    <Content type="html"><![CDATA[
{
    name: 'PortalHeader',
    prefHeight: 100.00,
    isStatic: true,
    tpl: new Simplate([
        '<div class="welcome-widget"><div><h2>{%= $.first %}</h2>',
        '<p>{%= $.second %}</p><p><a onclick="Sage.Utility.openHelp(\'slxgetstarted\');" style="color:#0000CC;"',
        '><div class="Global_Images icon16x16 icon_Help_16x16"></div>{%= $.third %}</a></p>',
        '<p><a onclick="window.open(\'help/Getting Started with Saleslogix Web Client.pdf\', \'MCWebHelp\');" style="color:#0000CC;"',
        '><div class="Global_Images icon16x16 icon_pdf_16x16"></div>{%= $.fourth %}</a></p>',
        '<p><a onclick="window.open(\'help/Saleslogix Quick Reference for the Web User.pdf\', \'MCWebHelp\');" style="color:#0000CC;"',
        '><div class="Global_Images icon16x16 icon_pdf_16x16"></div>{%= $.fifth %}</a></p><div></div>'
    ]),
    html: function() {
        var resources = Sage.UI.DataStore.Dashboard.WidgetResources;
        return this.tpl.apply({
            first: resources.welcomeH2,
            second: resources.welcomeP1,
            third: resources.welcomeWebClientHelp,
            fourth: resources.welcomeGettingStarted,
            fifth: resources.welcomeQuickReference
        });
    }
}
  ]]></Content>
</Module>

Thanks for the help and ideas..