How can i add to my application two buttons to increase / decrease font size of a HTML content in Webview control for Windows store app.
I'm designing Windows 8 Reader app, i.e.,display HTML content in "Webview". How to, increase the font in the HTML content in Webview when i click a button,decrease the font in the HTML content in Webview when i click another button. I tried a lot for this.
I need button click event code.
Thanks in advance..
You cant do this using C# for Windows Store apps. Why it is there is no specific Control to increase or decrease the font in Webview control By Microsoft. You have to integrate with Java Script.
I recommend to go through Microsoft blogs & samples. Here it is one of the samlpe for Windows Store apps.
Related
Big legacy code base. I started using storyboards. Great! Now I check "Adjusts font automatically" for a UILabel. I run the app. I play with the system font size. Changes show in Messages but not in App. Not even if I restart. Using the default "system" font, as well as trying with a custom font.
Any idea what I am missing?
If you don't use the text styles in your UILabel, you won't be able to change the text sizes even if you tick the Automatically Adjusts Fonts in the Xcode Interface Builder.
Just change the font of your label with a specific text style and you'll see immediately the difference:
Xcode 10 ⟹ use the Accessibility Inspector tool to modify rapidly the text size inside its settings section.
Xcode 11 ⟹ use the Environment overrides tool located in the Debug Area panel to modify rapidly the text size (only visible after build and run).
Many useful information about the Dynamic Type implementation are available in this detailed WWDC video summary if need be.
I have a question using the Content Controls in Word IPad. I am creating the specific Content Control on Word Desktop using OfficeJS and then I want to access this Content Control on Word IPad. But apparently it's not possible, because there is no way to select Content Control in Word IPad.
Based on the Office Development documentation Content Controls are supported in Word for IPad.
Content Control in Microsoft Word
Here is the screenshot of selected Content Control in Microsoft Word desktop:
So, how to select the Content Control in the Word IPad?
im trying to fit a Facebook likebox in a webview on a Windows Store APP.
I have done it fine on Android and IOS, just setting the likebox url as html string to the webview.
But in WinRT it shows the box on the upper left corner and A LOT of white space, so the box is really small, i can zoom in to fit it well by hand.
Android and IOS just fit the box in the webview.
Is there any way i can fit it well? also i need to disable user scroll, i only want the user to be able to click the like button.
Thanks in advance.
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
I'm currently trying to create a suggestion UI in a web page targeted at Mobile Safari. The main components are a text box and a scrolling list that is displayed below the textbox that contains the list of suggestions.
To do this I need to 1) determine that the keyboard has shown and 2) determine the size of this in order to resize the suggestion list to fit in the available space.
I've been able to accomplish (1) by waiting for the focus event, but (2) is still problematic. I have not been able to find any way to measure the size of the keyboard as it doesn't seem to impact the window dimensions or anything else that I could think of trying to measure.
Is there anyway to programically determine the size of the iOS keyboard when it is displayed in mobile safari?
Unfortunately, there is no way to calculate the height of the keyboard. None of the window properties change when the keyboard comes up.
To determine that the keyboard is showing, you can use this solution:
iPad Web App: Detect Virtual Keyboard Using JavaScript in Safari?
Then you'll need to add a device specific class and use media queries in your CSS along with these classes to style appropriately for device and orientation.
If someone has a better hack, I'd really love to hear about it.