Search this site:

2008-04-26

Missing "Quick Edit" and "Edit Widget" icons in Blogger


Recently I have discovered the "Quick Edit" (i.e. ) and "Edit Widget" (i.e.. ) icons have gone.

I went to the Blogger Help Group to find some luck. Some threads did mention about similar syndromes but they are mostly related to a corrupted template. However, I have two blogs using different templates suffering from the same problem. It is unlikely to be my case. Resetting the widgets won't help.

I have actually done some analysis.

If you check the page with the DOM Inspector, or view its HTML source codes, you will find that those "Edit" icons are still there, with 3 classes defined: item-control, blog-admin and pid-XXXXXXX (some numbers). They are included in the page no matter who the visitor is, but by default they are hidden by embedded CSS generated by Blogger:

  /*
-----------------------------------------------
Quick Edit and Delete Comment Icons
----------------------------------------------- */

/* Hide it now, show it later with dynamically-generated CSS */
.item-control {
display:none;
}


As mentioned in above CSS comment, those icons are shown using a dynamically generated CSS file. Inspecting the HTML source code, it is likely to be this one: http://www.blogger.com/dyn-css/authorization.css?targetBlogID=XXXXXXX.

I sniffed the network packets while loading the page with Firefox 2/3 and IE 7 (other versions not tested) and find that the authorization.css returned has 1 bytes only, even if the visitor is the blog owner.

Funny enough, when accessing with Opera, the following content is returned:
div.blog-admin, div.pid-XXXXXXX { display:block; }
span.blog-admin, span.pid-XXXXXXX { display:inline; }

And yes, the icons can be shown without without any problem in Opera. Problem only occurs when using Firefox and IE. This further decreases the chances of a corrupted template.

So my guess is probably correct. Blogger really generates the authorization.css dynamically to display the icons. But for some reasons Blogger failed to returns the content to Firefox and IE, causing the icons to be disappeared.

Someone suggested that there should be something related to browser Cookies. Maybe and maybe not. I didn't check the Cookies content, but it's still strange that Cookies problem only occurs with using Firefox/IE but not Opera.

I have actually reported the issue at the group but received totally NONE response. Am I the only one suffer from it or no one cares about it? If you do meet similar problems, please post a reply to my thread to draw some attentions from those technical support.

It is really inconvenient to have those icons missing especially for careless people like me... Please bring them back soon!

2008-04-27 updates:
Problem is solved !


11 comments:

  1. i have the same problem for over 8 months. Filefox user. I use the minima normal and black. I don't know html so you are actually some steps front of me. Good luck..!

    ReplyDelete
  2. Thanks for your kind words, Angelos. With some help from the Blogger Help Group, the problem is solved finally! Please refer to my another post for details. Wish that help fix your problem too!

    ReplyDelete
  3. I am having a problem with this same CSS file. It somehow conflicts with my own CSS (only on IE, on other browsers it's fine). Have any idea how I can just turn it off? When I remove that line from the blogger output the page works just fine. I can look with Firebug but I suspect that the contents will be different there from what IE is getting.

    If you wouldn't mind, drop me a line at
    brian insertatsignhere brianyoder.com

    ReplyDelete
  4. Hi there, did you try to remove the line in the Blogger template?

    ReplyDelete
  5. Not sure if this was resolved or not but I came across this post before finding my solution...

    Here is the solution...

    http://www.bloggerbuster.com/2008/07/how-to-add-quick-edit-pencil-to-blogger.html

    ReplyDelete
  6. i have the same problem.. sort of... the 'functions' are still there... if i hover over them i see that 'quick edit'is there, but I can't see the icon.

    ReplyDelete
  7. This comment has been removed by the author.

    ReplyDelete
  8. I know how to fix it within firefox.

    Go to tools>options>privacy and check the box that says accept third party cookies. Should display correctly then.

    ReplyDelete
  9. I tried Jenny's suggestion and it worked! Hooray! Just change the thrid party cookie settings.

    ReplyDelete
  10. yes, it's problem related to 3rd party cookies. i wrote more here:
    http://notes.theorbis.net/2008/04/solved-missing-quick-edit-and-edit.html

    have a nice day :)

    ReplyDelete
  11. I have looked for the third party option and I don't have one

    ReplyDelete

HTML Tags allowed (e.g. <b>, <i>, <a>)

Disclaimer

ALL CONTENTS AND INFORMATION IN THIS WEB SITE ARE PROVIDED "AS IT" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED. THE ACCURACY AND AVAILABILITY OF THE CONTENTS, INFORMATION AND THE WEB SITE ITSELF ARE NOT GUARANTEED. THE AUTHOR TAKES NO RESPONSIBILITIES ON ANY COSTS OR DAMAGES (DIRECT OR INDIRECT) ARISING OUT OF OR IN CONNECTION WITH THE ACCESS, USAGE OR INABILITY OF USAGE OF THIS WEB SITE.