Creating a panel on different web-sites - google-chrome-extension

I'm developing a chrome extension with panel (just a div element) injecting to page within contentscript. The problem is that some elements with CSS-property "position: fixed" from loaded page (e.g. youtube.com) are appering above the panel. So, how to get rid of this (without iframing page)?

Related

CSS issues with Web Forms for Marketers in Sitecore

I have successfully loaded WFFM on my local Instance of Sitecore. I have successfully created a Form, I have tested it and everything works perfectly.
I have also successfully been able to render the form using an .ascx web control and placing it in my "main" placeholder. Very happy so far, with one exception.
when I enter the URL of the page where the form is being rendered, my top Navigaton, Left Navigation, Right Navigation, and footer is all a different font then the rest of
my site. I have been able to play with the font sizes of the form, but that does not have any impact on the other placeholders.
I don't know what to do to correct this issue. Any help would be appreciated.
Also the navbar-collapse didn't close in ipad in all page that has form.
Regards,
It might be that the Webform stylesheet is overriding some of your styles. You can view the webform stylesheet under: \sitecore modules\Shell\Web Forms for Marketers\Themes\
By default the default.css stylesheet is used. To start out you can try to remove any font stylings in that stylesheet, to see if that will give better results.
To fix it you might want to add identifiers to the default.css ensuring that it only points to styles inside your allowed placeholder.

Orchard CMS - Custom Theme, Creating sections, one with second Navigation

I have a custom theme, the footer, header & home page are all working.
I have a main navigation that links to 5 pages.
I now need to set the style for these 5 pages - and the other pages that link from them (it's different to the home page) - one section of which needs an additional navigation menu on the left (main nav is top).
Would I do this in Visual Studio - or can it be done through the admin web interface?
What is the best approach?
Thanks.
You can add an additional navigation widget on a layer that is not the homepage. As for styling differently on different pages, you could do that many ways.
For example, you could check if the page you are loading is the homepage and load some styles to overwrite the default ones. That would be the easy way I suppose.
If you need a whole new layout for the homepage, you could check out this module on the gallery which lets you select a different layout to use for each content item. Never used it myself, but looks like it could be cool :) http://gallery.orchardproject.net/List/Modules/Orchard.Module.Downplay.Orchard.LayoutSelector

Orchard breadcrumbs not working with Taxonomies

I'm using Orchard 1.6 and I'm trying to get my breadcrumb widget working for all pages and taxonomies.
For the pages, when a page is selected, the breadcrumbs work as expected:
Home > My Page > My Sub Page
However, as part of this menu (the main menu, as set up by the 'Default' Orchard recipe), I have added some Taxonomy terms (by adding the 'Menu' part to my taxonomy term content type).
When I view the term page (front end), the breadcrumbs don't render as breadcrumbs, but the full menu instead.
What I would like to know is: How do I make the breadcrumbs recognise the taxonomies and render correctly?
Is there a part I need to add to a specific content type?
For now I need to use the dirty, dirty work-around of using a HTML widget; naturally I would prefer an actual solution.
Thanks in advance!

Mobile Safari fails to scroll to named anchor

I have a big SVG document here, containing a map of all the quests in a certain online game. Each quest node is inside a SVG <a> element, linking to a distinct named anchor in a big HTML document that loads in another tab, containing further details about that particular quest. This works exactly as desired in desktop Safari, and I'd expect it to work just as well in any browser that supports SVG at all since I'm using only the most basic form of linking, but it fails badly on Mobile Safari (iOS 6) - which is my single most important browser target, considering that the game in question is for the iPad. It only scrolls to the correct anchor on the initial load of the HTML page; clicking a different quest in the SVG tab will cause a switch to the HTML tab, and the hash (fragment ID) in the address bar changes, but the page doesn't auto-scroll.
This appears to be a known limitation in Mobile Safari - hash-only changes in the URL apparently used to force a page reload, and that got over-fixed such that nothing gets triggered at all now. The fixes I've found online all seem to be applicable only in cases where the URL change is being generated programatically, from within the same document, rather than static links from a different document.
Further details:
I've tried doing the named anchors in both the old <a name="..."> form, and the newer <h1 id="..."> form. No difference.
I've tried adding an onhashchange handler, to force the scrolling to take place, but the handler isn't being called at all (verified by putting an alert() in it).
I could presumably fix the problem by having each quest's details in a separate HTML file, but that would severely affect usability - with all the details in a single file, you can use your browser's Find feature to search through them all at once. (Also, deploying 1006 files to my web hosting after each update would be a bit of a pain...)
Anybody have an idea for a work-around?

How to restrict displaying paginator only in Header or Footer in YUI?

How to restrict displaying paginator only in Header or Footer in YUI with out using any extra div tag? By default it is being displayed both at the top and bottom of the table.
You can specify the containers config for your Paginator. This would require that you have a container in the DOM for the DataTable and one for the Paginator.
Alternately, the generated DOM for the paginator containers is uniquely id'd, so you can just use CSS to hide whichever one you don't want to see ala display:none. Use FireBug or the inspector in your browser of choice to see the id/class that you want to target.

Resources