I am using iFrameResizer version 3.3.3.
I have 3 iframes set into tabs of a jquery tabs object on a page.
each I frame contains its own tabbed view where the length changes considerably depending on which tab is clicked inside the iframe.
The resizing works perfectly on the a single iframe.
However, on the other 2 iframes (which are on the hidden tabs of the parent page) have their height set to zero and once iFrameResize() as run, the size will not dynamically change.
I have tested this further where I do not run iFrameResize automatically on the page. each iframe loads with its default size. If I select the second tab then run iFrameResize from the console, the 2nd tab iframe resizes automatically while the iframes on tabs 1 and 3 have their height set to 0.
Ideally I would like each tab to "activate" its iframe when it is selected and allow the iframe to resize automatically as each of the tabs inside the iframe are selected. This would be regardless of anything currently selected on any of the other tabs on the parent page.
You can see the above mentioned page at http://brellatech.com.au/iframe.php
Is this possible with iFrame Resizer?
Regards
Greg J
Related
I have amended and XPage to have it expanded to have a tab control (2 tabs) and included a pager in one tab (the first tab\default tab). The pager is bound to a dynamicviewpanel using the "for" property. I have used dynamicviewpanels with pagers before with no issues, but when I click on the "next" or "2" icon to move forward a page it does not move page and the only change is the first tab vanishes and the 2nd tab is shown but the page still shows the first tabs data. How do I resolve this please? I thought it may require a full refresh put there is only a partial refresh
I appear to have this resolved. I just changed the pagers "partialRefresh" property to False. There is another component on the page that performs a refresh of the page anyway
I am developing a chrome extension that would like to add a tab at the bottom of the page to manipulate DOM elements. Chrome 'manifest.json' file doesn't provide such feature. So how to do it or rather how does Firebug add a tab at the bottom of the Chrome?
I would suggest inserting a panel in every page through a content script. You can style it in order to appear at the bottom of the page and be always visible.
In order for it to retain its state between navigation from one page to another, you need to persist it some how (example use chrome.storage or a similar mechanism through the background page to persist the content (or whatever you need).
See this answer on how to insert (and style) a toolbar-like div or iframe in a page through a content script. (It is fixed to the top of the page, but you can easily modify the code to fix its position at the bottom.)
I have a dijit dialog created declaratively in my static html page.
If I open this dialog as soon as my page is loaded it opens properly in the center of the page, but if I perform some actions available on the page and then load the dialog then the dialog gets padded to the bottom of the page.
This happens ONLY THE FIRST TIME the dialog is loaded and ONLY if the first time happens to be after performing some actions on the page. All the other times the dialog is loaded properly in the center of the page.
There's a similar question here:
Dojo and dijit.Dialog not centered
but the solution given there is not working for me because I'm already using dialog.startup() and dialog.show().
This happens in Firefox, Chrome and IE and I'm using Dojo 1.8
I have a listener that gets an array of data and uses one of the items from the array to set an icon in the addressbar using pageAction.setIcon(), which works fine. Currently it places the other icons in a popup that's activated on click. I'd like to just put all of the icons in the address bar, but if I call setIcon() again it clobbers the first one and only my last icon shows up.
Is there any way (either through pageAction.setIcon() or some other way) to put multiple icons in the address bar from a single extension?
One extension can add only one browser_action or page_action to the UI. It is mentioned in the documentation for manifest.json.
I'd like to use jquery masonry within a drop down menu, to organize the dynamic menu item blocks (images and text) in a complex drop down menu.
I'm having a couple of issues.
First of all, if I start with display:none then masonry doesn't do any position calculations. Since I'm using masonry with a drop down menu, I can't open the page with the drop down visible.
Secondly, the menu container has to be position:absolute so that the drop down opens Over the continuing page and doesn't push down the text below the menu. Masonry pushes the rest of the page down.
Thirdly, with IE 8 and 9 (didn't try 7 yet), when the I hide and show the dropdown, the blocks of items start off unorganized and then instantly switch to the organized masonry layout. It's the flash on every hide and show that I don't understand and can't get rid of.
Has anyone successfully used jquery masonry within a dropdown menu?
Thanks
According to the first issue, just use visibility:hidden and in hover event visibility: visible instead of display:none & display:block.