Click here to Skip to main content
15,844,752 members
Home / Discussions / Web Development
   

Web Development

 
GeneralRe: Using Multiple jQuery Scripts Pin
Liagapi8-Dec-16 2:17
Liagapi8-Dec-16 2:17 
GeneralRe: Using Multiple jQuery Scripts Pin
Peter Leow8-Dec-16 2:29
professionalPeter Leow8-Dec-16 2:29 
GeneralRe: Using Multiple jQuery Scripts Pin
Liagapi8-Dec-16 3:07
Liagapi8-Dec-16 3:07 
GeneralRe: Using Multiple jQuery Scripts Pin
Peter Leow8-Dec-16 3:24
professionalPeter Leow8-Dec-16 3:24 
GeneralRe: Using Multiple jQuery Scripts Pin
Nathan Minier9-Dec-16 2:47
professionalNathan Minier9-Dec-16 2:47 
QuestionLooping through list of attributes minus 2 items Pin
Christopher Cote5-Dec-16 3:59
Christopher Cote5-Dec-16 3:59 
AnswerRe: Looping through list of attributes minus 2 items Pin
Richard MacCutchan5-Dec-16 7:23
mveRichard MacCutchan5-Dec-16 7:23 
GeneraliFrame Content to Fit iFrame Size Pin
AndreTrollip4-Dec-16 23:38
AndreTrollip4-Dec-16 23:38 
Hi Guys,

I am trying to display an html page inside an iframe, specifically for browsers on Android. So far I have been using the built in browser and chrome.

The challenge is that I want the entire content to be displayed. Currently, it "overflows" the iFrame so the user must scroll horizontally to read the contents. I can manipulate the content html as it is generated by me in the same ASP.Net app. The src attribute of the iFrame is set server side.

Things I have tried so far:
•Zooming, scaling the iFrame: Changes the iFrame size not the content
•Zooming, scaling the and tags inside the content html: This works, but when the user switches between portrait and landscape, the content doesn't scale according to the changed size of the iFrame.
•Everything on stackoverflow that I could find.
•Whatever I could find on other sites.

Here is the Page's code:

ASP.NET
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="***.aspx.cs" Inherits="***.***" %>
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Sign Document</title>
        <link href="Content/bootstrap.css" rel="stylesheet" />
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    </head>
    <body>
        <form runat="server" class="form-horizontal">
            <div class="container body-content">
                <div class="form">
                     
                </div>
                <div class="row">
                    <div class="col-md-10">
                        <h2 class="text-center">Please Read</h2>
                        <p class="text-center">The document you are about to sign is displayed below. Please read it carefully before tapping the Sign Now button.</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-10 text-center">
                        <hr />
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-10 text-center">
                        <div class="embed-responsive img-rounded embed-responsive-16by9" style="border: 2px solid darkgray; -webkit-overflow-scrolling:touch; overflow:auto;">
                            <iframe id="MediaDisplayIFrame" runat="server"></iframe>
                        </div>
                    </div>
                </div>
                <div class="form">
                     
                </div>
                <div class="row form-group">
                    <div class="col-md-10 text-center">
                        <asp:Button class="btn btn-default form-control" ID="SignButton" runat="server" OnClick="SignButton_Click" Text="Sign Now" />
                    </div>
                </div>
            </div>
        </form>
    </body>
    </html>

SuggestionRe: iFrame Content to Fit iFrame Size Pin
Member 78438108-Dec-16 2:17
Member 78438108-Dec-16 2:17 
GeneralRe: iFrame Content to Fit iFrame Size Pin
AndreTrollip22-Dec-16 7:04
AndreTrollip22-Dec-16 7:04 
QuestionHow to create python flask web application in visual studio 2013 with SQL server? Pin
davood rz1-Dec-16 8:40
davood rz1-Dec-16 8:40 
Rant[REPOST] How to create python flask web application in visual studio 2013 with SQL server? Pin
Richard Deeming1-Dec-16 12:04
mveRichard Deeming1-Dec-16 12:04 
QuestionSignalR “signalr/hubs” showing 404 error while connecting Pin
Anil chean30-Nov-16 21:18
professionalAnil chean30-Nov-16 21:18 
AnswerRe: SignalR “signalr/hubs” showing 404 error while connecting Pin
Afzaal Ahmad Zeeshan1-Dec-16 8:11
professionalAfzaal Ahmad Zeeshan1-Dec-16 8:11 
QuestionIIS and Printing Pin
Zeyad Jalil29-Nov-16 1:52
professionalZeyad Jalil29-Nov-16 1:52 
AnswerRe: IIS and Printing Pin
Nathan Minier29-Nov-16 2:27
professionalNathan Minier29-Nov-16 2:27 
SuggestionRe: IIS and Printing Pin
Richard Deeming29-Nov-16 3:08
mveRichard Deeming29-Nov-16 3:08 
GeneralRe: IIS and Printing Pin
ZurdoDev29-Nov-16 3:38
professionalZurdoDev29-Nov-16 3:38 
GeneralRe: IIS and Printing Pin
Nathan Minier29-Nov-16 4:31
professionalNathan Minier29-Nov-16 4:31 
QuestionOne Project Pin
Member 1287040825-Nov-16 3:29
Member 1287040825-Nov-16 3:29 
AnswerRe: One Project Pin
cp-andy25-Nov-16 7:37
cp-andy25-Nov-16 7:37 
AnswerRe: One Project Pin
Afzaal Ahmad Zeeshan1-Dec-16 8:16
professionalAfzaal Ahmad Zeeshan1-Dec-16 8:16 
QuestionFINAL YEAR PROJECT Pin
Member 1253654024-Nov-16 9:53
Member 1253654024-Nov-16 9:53 
AnswerRe: FINAL YEAR PROJECT Pin
Richard MacCutchan24-Nov-16 22:15
mveRichard MacCutchan24-Nov-16 22:15 
GeneralMessage Closed Pin
26-Nov-16 0:16
Member 1253654026-Nov-16 0:16 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.