We would like to be able to render arbitrary HTML pages in PDF format, landscape mode, using Flying Saucer. All suggestions that we have come across so far require tinkering with CSS and/or HTML. Is there no other way to do it (e.g. by setting some API parameter)?
Related
Ok, now most mordern smartphone has 720p or 1080p resolution. That mean even screen size is small like 4 in, we still can see all text, gui (such as email textbox) of the whole website when first time opening it in Galaxy s3.
However, though we can see the very little email textbox in mobile browser, it is too small for us to enter data. So we need to magnify the page and that is very time consuming.
My question is, can we make the gui of GWT app automatically enlarges itself so that mobile users do not need to enlarge it?
Also the gwt could shpw the gui in Portrait direction.
you need to follow responsive web design principles to achieve your objective. Also have a look here bootstrap provides widgets that are flexible
I have made a webpage using the 960 grid system. And I have made it nice and responsive, following the excellent advice found in www.alistapart.com
So when developing the CSS for my new webpage I kept checking in Dreamweaver's Multiscreen viewport testing option and found that my pages were stacking up nicely on smaller screens. No miniature text, no need for pinch and zoom.
Then when testing page live, I learn that Ipad and Iphone does not resize windows and I can only get a miniaturized version of my full screen webpage.
I am hoping there is a simple CSS way to override this, so that my webpage stacks in a responsive manner also on apple devices.
You can maybe try a fluid grid option, such as sprysoft variable grid system which is based on 960.gs, though it will still have a definite grid layout (just % based instead of px based)
I'm working on a mobile-optimized version of a client site that contains many HTML5 video tags. When viewing on the iPhone it's displaying the default play button watermark. Is it possible to customize this icon?
I don't think you can do this in the HTML, because the play icon you're seeing is in fact an (undocumented) UIButton subclass that's laid on-top of the webpage. It's not an HTML element, it's a UIKit one.
I have messed around in the past with modifying this button, but you need to perform various dodgy operations on a UIWebView from Objective-C, not HTML, so it's probably not much help to you (even if it was, it's all undocumented so not suitable for production use anyway).
I have an app that is essentially an eBook reader. It is able to download a zip file that contains a group of HTML, CSS and JavaScript. The app unzips the file and then displays the "webapp".
For 99% of the eBooks, I want the app to display in portrait only. The pages are all formatted with this in mind. So, the app is now set for portrait only.
There is one eBook however that would work best in landscape view.
How can I detect if this eBook is loaded and change at runtime to show the pages only in landscape view?
I can easily put a string in the index.html file <div class="youCantSeeMe">Landscape</div> and have this div hidden. How can I search for this string at runtime and then change the setting in the app so that this resource is only viewed in landscape mode.
Linda
Are you using UIWebView to display that content? If you do, I assume that the HTML/CSS/Javascript do the rest of the job with the eBook.. Have you try some kind of bridge between javascript and objective C? something like this.
Hope this helps
The native audio control does not render correctly on the iPhone or the iPhone simulator.
Go to http://www.anmldr.com/audio and see what I am seeing.
The native audio control will cover up the preceding paragraph and the drop shadow is slightly covering the following paragraph. Even if I put it in a containing div and have a margin-top and a margin-bottom, this does not seem to work.
The width of the native audio control is apparently too small because all of the icons and the counter, etc are all crowded together and on top of each other. The control shows "Loading" continuously until you actually start playing it. Then the numbers appear but they are superimposed on each other.
Is there a way to style the native audio control? Width? Margin?
Linda
Answering my own question...
I figured out that the CSS attributes selector will allow me to style the native HTML5 audio control.
[controls] {
width:100%;
margin-top:1.25em;
margin-bottom:1.25em;
}
This solves the problem of the icons, etc. overlapping. It still does not solve the "Loading" message.
Linda