Why doesn't Internet Explorer display the Custom Panel Widget properly?



Above is what I see on FF latest version

Below is IE9 latest version



Not only are corners missing but colors show as flat instead of gradients as on FF
1 person has
this problem
+1
Reply
  • I’m anxious
    After looking at this possible bug query, I tried to edit my site in IE and had exactly the same problem. I then returned to FF and the box displayed correctly.

    Also, whilst I was trying to edit it in IE, the box disappeared and then reappeared. In fact, all of my sites were extremely unstable in IE. It took at least 15 seconds to load each page and they were broken up badly.

    I know that you will say clear cache, use FF, what's the URL etc etc....the standard responses. I've done all that and because I STILL haven't published a site in Yola after the first one I had was unable to be edited after publication, I haven't published another one.

    What I am concerned about is the fact that if I am having problems with my site in IE then will my clients who haven't had the benefit of the advice to load to the lateset version of IE so they can see my site or that they should be using FF?
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. happy, confident, thankful, excited sad, anxious, confused, frustrated indifferent, undecided, unconcerned kidding, amused, unsure, silly

  • Sanja (Official Rep) October 28, 2011 00:45
    Hello,

    We have logged this for our engineers to take a look at and determine if this is expected behaviour.

    @debbym - I would like to investigate this further. Please could you share your URL with us so that we can take a look at what's going on?
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. happy, confident, thankful, excited sad, anxious, confused, frustrated indifferent, undecided, unconcerned kidding, amused, unsure, silly

  • I’m confused
    Hi Sanja - I dont think you have read my post fully. I don't have a URL because I haven't published a website since the first one I did and then found out I couldn't make changes to it.

    However, I have been working for some time on a new website which would be one that I could copy and then amend without losing the content. You very kindly explained where I had been going wrong at the time.....I think it might have been in August. I've been trying to build a working website since 6 July in Yola, but seem to come across hurdles every time. I had started to use the new text box widget as part of my new website. Oh dear.

    I see from my email this morning that you have replied to me as follows when I commented on another post that I was concerned about whether or not my clients would be able to see the text box properly if they were not using Mozilla.

    "The only other way to get around this is to create an actual image that has rounded corners and your desired text. Then, you can use the Picture Widget to upload this to your site."

    I have said that my understanding from this response is that the new widget doesn't 'work' if you or anyone else is viewing a published Yola website in any other browser than Mozilla. Is this correct please?
    • view 1 more comment
    • Thanks David for taking the trouble to give me a detailed explanation. I should have guessed it wouldn't be Yola's problem.

      Unfortunately, I'm a Virtual PA and I get my potential business through my website and it must look spot on all the time.

      I only use Mozilla and I don't use IE - ergo I don't update IE regularly. Why do I feel as though I've had a slap on the wrist? It may not be good practice but there you go - it's a fact of life. I know loads of people who don't update IE because they prefer to use other browsers because it's buggy and not secure.

      What I don't understand is why Yola see fit to issue a new widget, without the caveat that it won't work with older IE browsers. I pay for Yola - I don't use the free version and I don't like being told half a story. It's really not on.
    • Hello again
      I to use Firefox as my default browser because like you I don't like the others but I have IE9 and chrome installed so when I edit my site I can check that edit in all three browsers as they can all display the same page in a slightly different way. The browser updates are of course a personal thing, I know many people still using IE6, the good practice I referred to is more a security issue as I don't know if all these old versions are still supported by MS. People who use these older versions must accept the fact that they will be unable to view or use the functions of particular sites until they update.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. happy, confident, thankful, excited sad, anxious, confused, frustrated indifferent, undecided, unconcerned kidding, amused, unsure, silly

  • Hey Folks

    Sorry about the confusion with this widget.

    Hopefully I can clear things up a bit.

    The Panel Widget makes use of a new web standard, CSS3, for some of it's more advanced visual features. CSS3 is not supported in IE7 and IE8, and is only partially supported in IE9. Because enabling CSS3 in IE9 requires an opt-in rendering choice instead of progressive enhancement across the board (you'll notice that our own SiteBuilder doesn't have rounded corners in IE), turning it on runs a significant risk of breaking existing sites in unpredictable ways.

    For this reason, when editing the Panel Widget in IE, all of the features that are powered by CSS3 are turned off - and their editing interfaces aren't displayed. These features are background gradient, rounded corners and shadows. When these features are turned off, the widget will still display the same primary background color, border style, margin, padding and background image - and for the most part, will still look good - though not quite as good as is possible in more advanced browsers.

    When we created the widget we were faced with the decision of only enabling the features that were supported by all browsers - or enabling all features and having some of them only work in Firefox, Chrome, Safari and Opera.

    We made the decision to put all the features out there as we believe that the slight majority of users right now use a non-IE browser - and according to current trends - this number will only increase. We also hope that the next iteration of the IE browser will have better support for the feature, and when these two factors are considered - over time, this rendering discrepancy will become a non-issue.

    If you would like to ensure complete consistency between browsers in the mean time - you will have to make sure you don't use background gradient, rounded corners and shadows.

    The end effect of all this is something web developers call 'progressive enhancement'. In IE the panel looks fine - and in all other browsers it looks progressively better. We make use of new features, even though in some browsers they aren't supported - but we make sure that in the unsupported browsers, the fallback visuals are still acceptable. Over time all browsers start to support the feature add it becomes a non-issue.

    I should also say that while it is possible to create a Panel Widget that has these features supported across all browsers - it would require dynamic graphic rendering on the server side - which would have been several orders of magnitude more difficult to build (which would have meant that we wouldn't build it at all), would load slower in modern browsers and wouldn't allow for a real time preview in the editing interface.

    We're really sorry we don't support everything in IE, we really wish we could, but we hope you understand why we made the choice to roll the features out anyway.
    • view 1 more comment
    • They use it because for most they used it since the 90's and don't see a need to change.I don't care for it either but I still get most of my visits by people using IE
    • Yeah, I wish Chrome would come as the default browser because Microsoft didn't develop their browser properly. (that would never happen though, of course)

      I wish IE would just use webkit or something better than what IE is built on.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. happy, confident, thankful, excited sad, anxious, confused, frustrated indifferent, undecided, unconcerned kidding, amused, unsure, silly

  • I’m frustrated
    That's great Pete. Thanks for the explanation which I think I understand. I now know that I can't use the widget and that is an informed decision. I'll just start again designing my website. I've no idea about CSS3 and as for "opt in rendering" - you are speaking a foreign language to me.- all I want to do is build a decent website.....

    I don't know where you get your data from about the trend away from IE - is that worldwide or just US? Belief is not necessarily fact. Anyway, it's immaterial. I haven't used IE for years, but there are others who continue to chugg away quite happily with IE. Not everyone is computer savvy.

    The point I reiterate is - I don't understand why Yola rolled out a feature that wouldn't work consistently WITHOUT telling your users the full story, which is now clearly explained by your comment.

    Have the courage of your convictions - it's a great little tool but surely the best thing would be to issue the widget, with the explanation that it should be used bearing in mind that a choice has to be made whether to use it or not if you want consistency across all browsers. Then there would be a few less hacked off people who have wasted their time asking if this is a bug and wondering why it won't work for them.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. happy, confident, thankful, excited sad, anxious, confused, frustrated indifferent, undecided, unconcerned kidding, amused, unsure, silly

  • Hi debbym

    I am glad that you Pete's explanation was helpful in clearing up some things for you.

    However, I think there is still some confusion around using the Panel Widget. As Pete has mentioned, "If you would like to ensure complete consistency between browsers in the mean time - you will have to make sure you don't use background gradient, rounded corners and shadows." and "In IE the panel looks fine - and in all other browsers it looks progressively better. We make use of new features, even though in some browsers they aren't supported - but we make sure that in the unsupported browsers, the fallback visuals are still acceptable. Over time all browsers start to support the feature add it becomes a non-issue. ".

    This means that you CAN still go ahead and use the Panel Widget, but just not some of the features that will not show up in IE. However, it will show up in other browsers, such as Firefox, Chrome, Safari and Opera.

    Furthermore, as he has also pointed out, Yola made the decision to go ahead with developing and releasing this widget because 1) There are slightly more users how do not use Internet Explorer and 2) Internet Explorer may improve their web browser in future versions.

    Pete is one of our senior web engineers and he needs to stay on top of information such as web browser trends. The movement away from Internet Explorer is a global trend. Web browser trends can change constantly and there is a lot of debate about which browser is ahead in popularity and performance. If you do a Google search for details about how this, you will see that there is a wide variety of opinions about it. Here are a few articles to view if you are interested in this topic:

    Usage share of Web browsers
    Web Statistics and Trends

    If you have not used IE in years, as you say, then why not try the Panel Widget on your site? People who visit your site using IE, will still see the panel, but if you have added features such as rounded corners, your site will show up slightly differently for them. You will see that the Yola site as well as the Yola Sitebuilder shows up differently in Firefox and Internet Explorer because both have rounded corners which IE users will not see.

    Yes, we could have been clearer in our communication about the Panel Widget showing up slightly differently on IE. This was an oversight on our part and we apologize for the confusion.

    Nazlie
    • Nazlie, I too must state the hard fact, that the majority of visitors to my site are IE users !!
    • Sanja (Official Rep) October 31, 2011 17:10
      Hello Jonnhsmiler,

      The Custom Panel Widget will still allow you to enhance your site.. just not with the rounded corners. You can put a little blurb on your site if you wish, stating your site is best viewed using Firefox or another browser that is not IE

      We realize that this is not perfect and hope that in spite of this, you can still see the usefulness and ease of this widget to further improve your site.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. happy, confident, thankful, excited sad, anxious, confused, frustrated indifferent, undecided, unconcerned kidding, amused, unsure, silly

  • Suggest you read the entire article in Web Statistics and Trends fully ......quote

    "Statistics Are Often Misleading
    You cannot - as a web developer - rely only on statistics. Statistics can often be misleading"

    Thanks for the apology.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. happy, confident, thankful, excited sad, anxious, confused, frustrated indifferent, undecided, unconcerned kidding, amused, unsure, silly

  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. happy, confident, thankful, excited sad, anxious, confused, frustrated indifferent, undecided, unconcerned kidding, amused, unsure, silly