Skip to content

Textinut: fixed iframe size to avoid scrollbars #268

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
agcolom wants to merge 1 commit into from
Closed

Textinut: fixed iframe size to avoid scrollbars #268

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion entries/textinput.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@
<p>In jQuery Mobile, you can use existing and new HTML5 input types such as <code>password</code>, <code>email</code>, <code>tel</code>, <code>number</code>, and more. Some type values are rendered differently across browsers. For example, Chrome renders the <code>range</code> input as a slider. jQuery Mobile standardizes the appearance of <code>range</code> and <code>search</code> by dynamically changing their type to <code>text</code>. You can configure which input types are degraded to <code>text</code> with the <code>page</code> plugin's options.</p>

<p>One major advantage of using these more specific input types if that on mobile devices, specialized keyboards that speed data entry are offered in place of the standard text keyboard. Try the following inputs on a mobile device to see which display custom keyboards on various platforms.
<iframe src="/resources/textinput/example4.html" style="width:100%;height:710px;border:0px"></iframe></p>
<iframe src="/resources/textinput/example4.html" style="width:100%;height:730px;border:0px"></iframe></p>

<h2>Textareas</h2>

Expand Down
6 changes: 3 additions & 3 deletions resources/textinput/example4.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,10 +11,10 @@
<style>
html, body { padding: 0; margin: 0; }
html, .ui-mobile, .ui-mobile body {
height: 705px;
height: 725px;
}
.ui-mobile, .ui-mobile .ui-page {
min-height: 705px;
min-height: 725px;
}
.ui-content{
padding:10px 15px 0px 15px;
Expand All @@ -23,7 +23,7 @@
</head>

<body>
<div data-role="page" style="max-height:710px; min-height:710px;">
<div data-role="page" style="max-height:730px; min-height:730px;">
<div role="main" class="ui-content">
<div class="ui-field-contain">
<label for="password">Password:</label>
Expand Down