Viewing HTML Widgets not updating (again!)

  1. Portal Home
  2. Forum
  3. EverWeb
  4. Bug Reports

HTML Widgets not updating (again!)



User: pumpkin 12 years ago
This starts to get annoying. I am using a few html widgets now, for inserting images as well as heading tags (h1-h3). Whenever I change the content / code in the widgets' setting, it's not updating on the screen. Publishing or previewing is ok, but it's annoying. Changing the values for the preview delay is not helping at all.

Here are some examples of the way it looks in EasyWeb, and what I see when published (which is what I should see in EasyWeb too!). EasyWeb on top, preview on the bottom of each screenshot:

-------------------------------
Darian
new to web design
______________________
My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b>

easyweb2.png

easyweb1.png
User: Christopher 12 years ago
Yeah I have this problem too and it does make it difficult to design when you can't see everything on the page. I think Roddy commented on this, as to why some HTML snippets preview while others don't.

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com
User: Paul-RAGESW 12 years ago
You need to show the exact code you are entering in EasyWeb so I can take a look.

-------------------------------
Paul
EverWeb Developer
User: Christopher 12 years ago
Here's an example using a Twitter share button and Facebook like button according to the code offered on their sites. First, comparison pics:




The code for Twitter:

HTML Snippet:

<a href="https://twitter.com/share" class="twitter-share-button" data-via="twitterapi" data-lang="en">Tweet</a>

Page Footer:

<! --TWEET BUTTON-->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

The code for FB:

Page footer:

<! --FACEBOOK LIKE BUTTON-->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

HTML snippet:

<div class="fb-like" data-href="http://cleetche.com..(rest of link)...html" data-width="185" data-layout="button_count" data-show-faces="true" data-send="true"></div>

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com

EW.png

Safari.png
User: Paul-RAGESW 12 years ago
@Christopher: Your issue is caused because you are putting the javascript code in the footer which EasyWeb does not process. This has been fixed for the next release.

@pumpkin: You'll still have to show me what code you are using and where so I can verify your issue and what the problem is.

-------------------------------
Paul
EverWeb Developer
User: pumpkin 12 years ago
In the site wide head code box:

<style type="text/css">
h1, h2, h3 { margin: 0;
padding: 0;
font-family: PT Sans Caption, Sans-Serif;
font-style: bold;
line-height: 1;
}

h1 { font-size: 28px;
color: #FF7300;
}

h2 { font-size: 20px;
color: #3F68B4;
}

h3 { font-size: 16px;
color: #5A5A5A;
}
</style>


And in the html snippets I use a simple h1 or h2 tag like <h1>Welcome</h1>. Nothing more.

-------------------------------
Darian
new to web design
______________________
My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b>


Post Reply
You must login or signup to post.