Highlighted

Muse widget changes size and i don't know why.

Contributor ,
Jun 26, 2017

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

TOPICS
Mucow development

Views

446

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Muse widget changes size and i don't know why.

Contributor ,
Jun 26, 2017

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

TOPICS
Mucow development

Views

447

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 26, 2017 0
Guide ,
Jun 26, 2017

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.

Screen Shot 2017-06-26 at 13.36.26.png

David

Creative Muse

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 26, 2017 0
Contributor ,
Jun 26, 2017

Copy link to clipboard

Copied

musemucoweero.PNGThis is my error when i put it on the canvas itr changes from 50x50 to this and doesnt show the image

thanks

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 26, 2017 0
Guide ,
Jun 26, 2017

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 26, 2017 0
Contributor ,
Jun 26, 2017

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="  " />

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 26, 2017 0
Guide ,
Jun 28, 2017

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

Creative Muse

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 28, 2017 0
Contributor ,
Jul 02, 2017

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 02, 2017 0
Guide ,
Jul 04, 2017

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 04, 2017 0