I have developed a custom webpart which is being displayed correctly and has some external parameters and being supplied when it is used in the page.
There is a problem in displaying that webpart in edit mode. In edit mode it is not visible as the page footer comes up and only little portion of the webpart is being displayed. To see the whole webpart I need to scroll through. This problem is happening only when the web part is in edit mode.
In Display mode it is Fantastic.
The Way it looks on the Page in Edit Mode is:
Could anyone point me whats being missed and why it is happening?
Thank You
Hari Gillala
Two things to check:
If you have edited the master page/page layout, you might not have closed a html tag, or the styling might be wrong.
With the custom toolpart, is it outputting valid html?, check that you have built the table correctly, and are using the correct styles.
Related
I have unfortunately stumbled on the issue where, on iPad, a pop-up menu summoned by way of :hover does not disappear from the screen when the user touches an empty area of the page.
The problem is the same described here:
Hover Behavior on Desktop vs iPad
The menu is part of a template I bought, namely:
http://html.realia.byaviators.com/
But... wait a minute... it WORKS on the template's home page? And only on that page -- it doesn't work on any other page of that same template.
I was able to track the behavior down to the point where I found that the reason why it works is the following: initializing a Google map makes the menu behave properly. Just the simplest of maps, with the default options.
Now my question to the experts is: what is that Google does in the map initialization code in order to fix the :hover behavior?
Thank you very much in advance for your help!
Well, can't tell what is that Google does, however the solution is documented in mobile Safari developer's reference.
For a click event to be generated on an area of the document, there must be a click handler attached. For example, clicking on a div will generate a click event only if an onclick="void(0)" handle is presente:
Clicking here triggers event in mobile Safari
So I am using DotNetNuke 7 and when I log onto my site to develop, I go into Edit Mode and start to edit a module.
Once the edit screen shows up (the little text area that looks like a mini version of MS Word) I can type and everything is fine.
However when that little screen loses focus from the mouse the editing area "greys-out" but I can still type in it.
I want to know how to fix this so that the editing screen does NOT do this as it is very confusing to potential customers.
Does anyone know what to do to fix this issue?
(sorry if this is not descriptive enough, if anyone has problems understanding I will try to add more explicit wording)
There have been reports of other oddities in IE10.
One thing you could try is adding a meta tag to force IE into IE9 mode.
My upcoming mobile web project requires viewing dynamically chosen pdf files inside the webpage. I am using iFrame to display the pdf file and the file can be scrolled using two-finger scrolling. But the problems I am facing are:
The first page of the file is not displayed completely on the iPad and gets cut off along the width unlike when I view it on the desktop browsers where the first page of the pdf is always entirely displayed although zoomed out to fit in the iFrame area.
There is no visual indication for the users that the pdf document can be scrolled, i.e., there is no scroll bar on the pdf document.
The controls (page navigation, zoom etc.) for the pdf viewer (Adobe reader) don't appear on the document unlike when I see it on the desktop browsers.
What is the best way to achieve what I am trying to do? Do any of you experts know any solutions/workarounds to the problems I am facing? An entirely different approach using anything other than iFrame can also be considered.
The reason why the pdf should be inside the html page is that, the list of pdf files will be on a menu bar on the left side of the page and the user can click on any of them to view on the same page. Ideally, they will have the capability to toggle between full screen view and that view.
Any help is appreciated.
I created a tiny JavaScript module that helps you to show a PDF inline and be able to scroll it. But I also couldn't figure out a way to make it fit the total width of the parent container.
Check it out: https://github.com/williamrjribeiro/ipdf-scroll
Cheers.
I came across this Recommended way to embed PDF in HTML? while researching on the web to find an answer.
The mentioned link discusses about some options that I can use and the google document viewer works for me though don't know if there is anything (like data limit) I need to be aware of before using it on the website. Also I have no idea if it is a good solution (though the full screen mode is not available, but zoom-in/zoom-out and next/prev page buttons are there are show up in the mobile safari on the iPad) to use for an web app that will be run on the iPad.
Anyway, I will keep researching for a better solution and if i don't find any, I'll stick to the google document viewer.
The issue appears to be a bug with Safari on the IPad.
I didn't find a solution for embedding the pdf in html but I did find this:
If you return FileStreamResult from your controller action instead of a view, the pdf will open in a new tab, it's not embedded html but at least your user is not having to download files and open them manually.
I had the same problem of the pdf not being displayed completely. The only thing I found to fix this was the change the size of the div containing the pdf.
For example if the element containing the pdf is a div then I change its width to any value and the rollback to the value it had before. Changing Width or height any one works.
Sometimes I had to wait a little using a setTimeout before calling my resizable method
How to close colorbox automatically, and stay on the page ... neither redirect to another page nor reload the page ...
I have tried to use
parent.$.fn.colorbox.close();
or
$.fn.colorbox.close();
or
$.colorbox.close();
but those were not work
Any idea? Thx u
Those all work depending on the situation. There isn't an alternative answer to how to close colorbox, you have something setup incorrectly. Maybe you are loading colorbox twice or something. There isn't enough information to determine why it isn't working from your post. Consider adding a demo.
I have a list of menu items and content in a single page. In PC browser or ipad, I want to see both parts in the same page. But in the smaller devices such as iphone and android phone, I want to separate the two so that you selects one of menu items in a page and see its content when he clicks it.
Jquery mobile demo page already does it. But I can't figure out how I can achieve it. Can someone explain or point to any good reference? Thanks
You may take a look at the following blog post which illustrates how you could organize your views so that based on the client type you could provide different contents.