Copy link to clipboard
Copied
<HTMLWidget name="Widget Name" formatNumber="6" localization="none" termsText="ALL RIGHTS RESERVED" creator="Me" defaultWidth="50" defaultHeight="50" isResizable="false" isResponsive="false">
<!-- <PosterHTML> -->
<pageItemPosterHTML>
<![CDATA[
<div><img src="https://s-media-cache-ak0.pinimg.com/736x/c0/1f/14/c01f14ed803ad640589d65d91eb77fbe--too-funny-funny... " style=" height: 50px; width: 50px;"></div>
]]>
</pageItemPosterHTML>
The error i'm getting is when you place it into Muse, it changes to a weird size and is no longer 50x50 so please can you help, the widget im making is just a basic cookie bar widget which im getting from <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.10/cookieconsent.min.js"></script>.
I just want it to show the poster not the widget thanks
Copy link to clipboard
Copied
On its own the code you have shown is fine. Are you defining a page item along with your additional code? This needs to be done to display the poster image correctly. It may be that the image is conforming to the size of a page item being created by the cookie bar code.
David
Copy link to clipboard
Copied
This is my error when i put it on the canvas itr changes from 50x50 to this and doesnt show the image
thanks
Copy link to clipboard
Copied
If the code displays via the widget's frame, it will take precedence over the poster image. Can you share the entire widget code? It will be easier to see what's causing the problem.
David
Copy link to clipboard
Copied
<HTMLWidget name="Cookie Bar Wid - Client 354" formatNumber="6" localization="none" termsText="ALL RIGHTS RESERVED" creator="Jack Holden" defaultWidth="50" defaultHeight="50" isResizable="false" supportsGlobalAndOptionContentTags="true" isResponsive="false">
<!-- Parameters Tags -->
<parameters>
<separator/>
<section label="DEFAULT CONFIGURATION" expanded="true" name="sect1" >
<list name="dark-top" defaultValue="dark-top" label="Default Options">
<value name="dark-top" label="Dark Top"/>
<value name="dark-floating" label="Dark Floating"/>
<value name="dark-bottom" label="Dark Bottom"/>
<value name="light-top" label="Light Top"/>
<value name="light-floating" label="Light Floating"/>
<value name="light-bottom" label="Light Bottom"/>
</list>
<text name="privacyurl" label="Privacy Policy URL" defaultValue="https://clientwebsite.com/privacy" />
<separator/>
<number name="cookexpire" min="1" max="50" step="1"
snap="0.1" defaultValue="30" label="Reset Cookie after X days"/>
<separator/>
<text name="dismisstxt" label="Dismiss Text" defaultValue="Got it!" />
<text name="extratxt" label="Info Text" defaultValue="More info" />
<text name="cookietxt" defaultValue="This website uses cookies to ensure you get the best experience on our website"
label="Cookie Message" toolTip="Enter a message about what your visitors are accepting"
multiline="true" />
<bool name="toggleOption" label="Activate Custom Config" defaultValue="noActive">
<trueVal value="yesActive"/>
<falseVal value="noActive" disableOptions="sect2" />
</bool>
</section>
<section label="CUSTOM CONFIGURATION" expanded="true" name="sect2" >
<info label=" Coming Soon" />
</section>
<info label=" " />
<separator/>
</parameters>
<!-- Content Tags -->
<!-- <head> -->
<headHTML>
<![CDATA[
<!-- Begin Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent -->
<script type="text/javascript">
window.cookieconsent_options = {
"message": "{param_cookietxt}",
"dismiss": "{param_dismisstxt}",
"learnMore": "{param_extratxt}",
"link": "{param_privacyurl}",
"theme": "{param_dark-top}",
"expiryDays": "{param_cookexpire}"
};
</script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.10/cookieconsent.min.js"></script>
]]>
</headHTML>
<!-- <Body> -->
<bodyBeginHTML>
<![CDATA[
]]>
</bodyBeginHTML>
<!-- <Content> -->
<pageItemHTML>
<![CDATA[
]]>
</pageItemHTML>
<!-- <BodyEnd> -->
<bodyEndHTML>
<![CDATA[
]]>
</bodyEndHTML>
<!-- <PosterHTML> -->
<pageItemPosterHTML>
<![CDATA[
<div><img src="https://s-media-cache-ak0.pinimg.com/736x/c0/1f/14/c01f14ed803ad640589d65d91eb77fbe--too-f unny-funny-pics.jpg " style=" height: 50px; width: 50px;"></div>
]]>
</pageItemPosterHTML>
<!-- Closing Tag -->
</HTMLWidget>
<info label=" " />
Copy link to clipboard
Copied
Simply put, it's not possible to use a poster image on this widget. The way widgets are added to the page causes it to become the page content, albeit temporarily in the design view.
David
Copy link to clipboard
Copied
I did some research and looked for other scripts and i found this one from 123muse and it appears to be using the same script as mine but shows successfully the icon and doesn't resize so how did they do it
Cookie Consent Adobe Muse Widget Training - YouTube
Thanks
Copy link to clipboard
Copied
OK. I'm not entirely sure how they've managed that; I haven't been able to get the poster image to show. It might be worth asking them.
David
Creative Muse