c# pdf to image without ghostscript : Change font size in pdf fillable form SDK software service wpf winforms windows dnn silk-dg4-part669

Media Queries
Media queries provide a way to apply style rules based on particular media features like width, height,
and resolution. Using media queries, you can deliver layouts that, in effect, respond to the form factor of
the user agent.
Media queries are a key component of Responsive Web Design (p.6).You can use media queries to
create a fluid grid that responds to changes in viewport size. (For more on the viewport, see viewport
Meta Element (p.37)).You can also tailor the user experience to device orientation, so that your layout
changes as the user goes from portrait to landscape mode.
To learn more about media queries, see the following resources:
• W3C Media Queries specification
• Media Queries
Transform Property (2D)
The CSS3 transform property can be used to rotate, scale, skew, and otherwise alter an element.You
can use the transform property to make a web page more interactive.
For more information, see CSS3 transform Property.
Transitions
Using a CSS3 transition, you can add an effect to a property change, without employing JavaScript.
The result is an element that changes from one style to another, like an animation.
For more information, see the W3C specification CSS Transitions.
viewport Meta Element
The viewport represents the display area available to the browser.The viewport can be bigger or smaller
than the physical screen of the device, and it doesn't include browser chrome (the browser borders and
controls). For some calculations, it may be useful to differentiate between a visual viewport (the dimensions
of the area visible on the screen) and a layout viewport (the dimensions of the entire display area). For
more on the visual and layout viewports, see Peter-Paul Koch's A tale of two viewports — part two.
For more information on the viewport meta element, see the following resources:
• Responsive Web Design (p.6)
• W3C:Viewport META Element
37
Amazon Silk Developer Guide
Media Queries
Change font size in pdf fillable form - C# PDF Form Data fill-in Library: auto fill-in PDF form data in C#.net, ASP.NET, MVC, WinForms, WPF
Online C# Tutorial to Automatically Fill in Field Data to PDF
convert word form to fillable pdf; convert pdf fill form
Change font size in pdf fillable form - VB.NET PDF Form Data fill-in library: auto fill-in PDF form data in vb.net, ASP.NET, MVC, WinForms, WPF
VB.NET PDF Form Data fill-in library: auto fill-in PDF form data in vb.net, ASP.NET, MVC, WinForms, WPF
create fillable pdf form; convert fillable pdf to word fillable form
Tutorials
The tutorials below will help you optimize your site or application for Amazon Silk.
Topics
• Detect the Silk User Agent (p.38)
• Create Drop-down Menus for a Touch Screen (p.40)
Detect the Silk User Agent
To determine browser support for a given feature, the Feature Detection (p.12) method is almost always
recommended over user agent detection. However, in a few scenarios (for example, performing site
analytics) you may need to detect a particular user agent.
If you want to detect version and configuration info in the Amazon Silk user agent, you can use a script
like the one embedded in the following HTML document:
<html>
<body>
<script>
var match = /(?:; ([^;)]+) Build\/.*)?\bSilk\/([0-9._-]+)\b(.*\bMobile Sa 
fari\b)?/.exec(navigator.userAgent);
if (match) {
alert("Detected Silk version "+match[2]+" on device "+(match[1] || 
"Kindle Fire")+" in mode "+(match[3] ? "Mobile" : "Default (desktop)"));
}
</script>
</body>
</html>
Here's the page displayed in Silk on a Kindle Fire HDX 7".
38
Amazon Silk Developer Guide
Detect the Silk User Agent
C# PDF Field Edit Library: insert, delete, update pdf form field
PDF form creator supports to create fillable PDF form in C# Able to add text field to specified PDF file position in C# Support to change font size in PDF form.
convert pdf to fillable form online; convert pdf fillable form to html
C# PDF Text Box Edit Library: add, delete, update PDF text box in
Able to create a fillable and editable text box to PDF document in C#.NET class. Support to change font color in PDF text box. Ability to change text size in PDF
convert pdf form fillable; create a fillable pdf form online
The script detects the browser version, product model, and requested mode.We could search for other
fields, too.To learn more about fields in the Silk user agent, see User Agent Strings and Detection (p.13).
How the Regex Works
You can make use of the above script without delving into the details of the regular expression. But if
you're interested in the details, read on.
Our regular expression, which is an object in JavaScript, is assigned to a variable, match:
var match = /(?:; ([^;)]+) Build\/.*)?\bSilk\/([0-9._-]+)\b(.*\bMobile Sa 
fari\b)?/.exec(navigator.userAgent);
The first and last / of the pattern indicate the beginning and ending of the regular expression literal.
/(?:; ([^;)]+) Build\/.*)?\bSilk\/([0-9._-]+)\b(.*\bMobile Safari\b)?/
We can think of our regex as comprising three subpatterns. In the first, we use noncapturing parentheses
and a trailing ? to specify an optional match:
(?:; ([^;)]+) Build\/.*)?
This pattern will match the build ID (for example, KFTHWI Build), if it's available.The inner parentheses
capture one or more characters that are not ; and ).Thus, these parentheses will capture KFTHWI or
another build ID.The entire pattern group needs to be optional because 1st Generation Kindle Fire devices
don't have a build ID.
Following this first subexpression is a pattern that matches the Silk browser version:
\bSilk\/([0-9._-]+)
The character set to be captured includes digits, dot, underscore, and dash, with which we can capture
either the browser version (for example, 44.1.54).
The final pattern is comparatively straightforward:
\b(.*\bMobile Safari\b)?
We match the string Mobile Safari, preceded by any character 0 or more times. If Silk requests a
mobile view, the user agent will include the string Mobile Safari. So this final pattern does exactly
what you'd expect: It identifies the browser as a mobile client.
To access the captured substrings, we can use the array object returned by the exec() method. In our
example, we call .exec(navigator.userAgent) on the entire regular expression literal.The exec()
method tries to match the regex object against a string passed in as a parameter. In this case, the string
to be matched is the user agent object (navigator.userAgent).The exec() method returns the
captured matches as elements of an array. In our example script, we use the returned array elements to
build a string for an alert message.
if (match) {
alert("Detected Silk version "+match[2]+" on device "+(match[1] || "Kindle
Fire")+" in mode "+(match[3] ? "Mobile" : "Default (desktop)"));
}
39
Amazon Silk Developer Guide
Detect the Silk User Agent
C# Create PDF from Word Library to convert docx, doc to PDF in C#.
Change Word hyperlink to PDF hyperlink and bookmark. RasterEdge.Imaging.Font.dll. zoomValue, The magnification of the original PDF page size. 0.1f
change font size in pdf fillable form; create fill in pdf forms
C# Create PDF from OpenOffice to convert odt, odp files to PDF in
An advanced .NET control to change ODT, ODS, ODP forms to fillable PDF RasterEdge. Imaging.Font.dll. zoomValue, The magnification of the original PDF page size.
add attachment to pdf form; pdf fillable form creator
We use logical OR || and the conditional operator ? to provide appropriate default values in case of
nonmatches. Of course, if you're doing user agent detection in a production website, you probably want
to do something other than call the alert() method.
To learn more about the Silk user agent, see User Agent Strings and Detection (p.13).To learn more
about regular expressions in JavaScript, see Regular Expressions and RegExp at the Mozilla Developer
Network.
Create Drop-down Menus for a Touch Screen
Because Amazon Silk runs on a touch-screen device, it doesn't handle the CSS pseudoclass :hover
the same way that a desktop browser does. On a desktop browser, :hover becomes a match when you
move the pointer over an element on which :hover is set.This behavior is useful for drop-down menus,
as you can create a menu that's hidden until the user hovers over the parent element. But on a touch
screen, this sort of hover-based menu design can lead to problems.
Let's look at an example.The following HTML document contains two unordered lists, one nested within
the other. Each <li> element contains a link.
<html>
<head>
<link rel="stylesheet" type="text/css" href="dropdown.css">
</head>
<body>
<div class="nav">
<ul>
<li><a href="http://example.com/">Home</a></li>
<li><a href="http://example.com/">About</a></li>
<li class="more"><a href="http://example.com/">Nav</a>    
<ul>
<li><a href="http://example.com/">Item 1</a></li>
<li><a href="http://example.com/">Item 2</a></li>
<li><a href="http://example.com/">Item 3</a></li>
</ul>
</li>
<li><a href="http://example.com/">Contact</a></li>
<li><a href="http://example.com/">Press</a></li>
</ul>
</div>
</body>
</html>
By applying CSS to this markup, we can create a simple drop-down navigation. Here's our style sheet:
div.nav ul {
padding: 0;
margin: 0;        
list-style-type: none;
}
div.nav ul li {
color: #FFF;
padding: 15px;
font-size: 20px;
border-right: 2px #FFF solid;
40
Amazon Silk Developer Guide
Create Drop-down Menus for a Touch Screen
C# Create PDF from PowerPoint Library to convert pptx, ppt to PDF
RasterEdge.Imaging.Drawing.dll. RasterEdge.Imaging.Font.dll. DocumentType.PDF DocumentType.TIFF. zoomValue, The magnification of the original PDF page size.
converting a word document to pdf fillable form; .net fill pdf form
C# Create PDF from Excel Library to convert xlsx, xls to PDF in C#
RasterEdge.Imaging.Drawing.dll. RasterEdge.Imaging.Font.dll. DocumentType.PDF DocumentType.TIFF. zoomValue, The magnification of the original PDF page size.
converting a word document to a fillable pdf form; auto fill pdf form fields
border-bottom: 1px #FFF solid;
float:left;
background-color:#335A7F;
width: 110px;
}
div.nav ul li a {
color: #FFF;
text-decoration: none;
}
div.nav li:hover {
background-color: #4C88BF; 
}
div.nav ul li ul { 
display:none; 
}
div.nav ul li:hover ul {
display: list-item;
position: absolute;
margin-top: 14px;
margin-left: -15px;
}
div.nav ul li:hover ul li {
float:none;
}
div.nav ul li ul li:hover {
float:none;
background-color: #66B5FF; 
}
li.more:after {
content: "\00BB";
float: right;
margin-right: 7px;
}
Notice how the display property is used. First, we use display:none to hide the nested <ul>, and
then we use the :hover state to trigger display:list-item, which overrides the first display and
shows us the nested <ul>.The result, rendered on a desktop browser, is shown below.
A single <li> contains both a hidden list and a link.To display the drop-down menu, you hover over the
appropriate <li>.To follow a link, you click the <a> element within the appropriate <li>. In other words,
you need to register two different events under the same parent element.This works fine as long as you're
using a mouse, which supports both hovering and clicking. But Silk relies on a single gesture—a tap—to
41
Amazon Silk Developer Guide
Create Drop-down Menus for a Touch Screen
represent both hovering and clicking. As a result, a user might tap an element with the intention of showing
menu items, and the effect would be to follow the link.That's a potentially frustrating user experience.
There are several ways to avoid this problem. One possibility, given the prevalence of touch-screen
devices, is simply not to use menus that are dependent on a hover state. Another option is to detect
touch-screen devices and then deliver a different, touch-optimized menu. Similarly, you can use scripting
to alter the way that the menu responds to touch events.Superfish, a jQuery plugin, provides such a
solution.
In the following example page, which is distributed by Superfish and is shown here rendered by Silk on
a Kindle Fire HDX, the drop-down menus open on tap.
To follow a top-level menu item (for example, menu item 3), you'd tap it a second time. On a desktop
browser, the drop-down menus unfold on hover, and you follow links by clicking.Thus, the menus are
navigable on both touch-screen and desktop browsers.
Superfish is just one option among many, and it may not be the best solution for your site.The point is
that it's important to create drop-down navigations that provide a good experience for both desktop and
touch-screen visitors.To do so, you'll need to ensure that the :hover pseudoclass is not hiding content
from touch-screen users.
For more on drop-down menus and touch screens, see the following resources.
Additional Resources
• Touch and Mouse:Together Again for the First Time
• Mozilla Developer Network :hover
42
Amazon Silk Developer Guide
Create Drop-down Menus for a Touch Screen
Troubleshooting
The following documentation can help you troubleshoot problems that you might have with Amazon Silk.
Topics
• How do I determine the Amazon Silk build version? (p.43)
• How do I find the number for an older version? (p.44)
• Why is the mobile (or desktop) version of my site being delivered? (p.44)
• How do I determine the client's IP address? (p.45)
• Why won't my Flash content play? (p.45)
How do I determine the Amazon Silk build
version?
Each version of Amazon Silk includes a build version and a browser version. In some troubleshooting
scenarios, you may need to know both the browser and build versions for a given Amazon Silk client.
You can find these values from the Amazon Silk user agent string.
From the Silk browser, tap the menu icon. If you see this menu, you have the latest version of Silk. Use
the following procedure to locate the build version and browser version. If your menu looks different, you
may have an older version of Silk. Follow the procedure in How do I find the number for an older
version? (p.44).
43
Amazon Silk Developer Guide
How do I determine the Amazon Silk build version?
1. From the Silk menu, tap Settings, and then tap About Silk.
2. Locate the application number, which should look something like this:44.1.54.2403.63.10.
In this example, the first set of numbers, 44.1.54, is the browser version.
The second set of numbers, 2403.63.10, is the build version.
How do I find the number for an older version?
In the Silk browser, type about:version in the address bar. Amazon Silk will display the build version
string.
In this example, the first set of numbers, 1.0.443.55, is the browser version.
The second set of numbers, 40051010, is the build version.
Why is the mobile (or desktop) version of my
site being delivered?
By default, Amazon Silk displays sites in mobile view.To specify the desktop view, from the Silk browser,
tap the right menu icon and then tap Request desktop site.
44
Amazon Silk Developer Guide
How do I find the number for an older version?
Users can choose to request a mobile view, a desktop view, or a view that Amazon Silk determines
automatically. If the user chooses the automatic option, Amazon Silk requests the desktop view except
in cases where a mobile view provides a better user experience. For more information about the requested
view, see User Agent Strings and Detection (p.13).
How do I determine the client's IP address?
By default, and when it's efficient, Amazon Silk routes requests through a remote proxy server in the
Amazon cloud.Thus, the source IP for a request may be that of the remote proxy, and not of the originating
client.
Obtaining the Client IP Address
When Amazon Silk does not route requests through a remote proxy server, the source IP address of the
request can be obtained as it normally would be on any HTTP request.
When browsing is routed through a remote proxy, the source IP address of the end client is supplied in
the X-Forwarded-For request header. Note that different requests from a single end user may be routed
through different cloud servers. In other words, a website may receive a series of requests from different
source IP addresses but with the same X-Forwarded-For header.
Additionally, a single Amazon Silk cloud server can support multiple end users.This means that a website
may see requests with the same source IP address but different X-Forwarded-For headers.
Why won't my Flash content play?
Amazon Silk does not support Flash. For best results, embed video content using the HTML5 video
element.
45
Amazon Silk Developer Guide
How do I determine the client's IP address?
Resources
Web development is a fast-moving field.The following resources provide perspectives on what's new,
what's standard, and what's changing. Here you'll find suggestions and tools for developing great web
sites and applications for Amazon Silk or any other browser.
Sites
Web Performance Optimization
• Google Developers:Web Performance Best Practices
• HTTP Archive
• Steve Souders: High Performance Web Sites
• Yahoo! Developer Network: Exceptional Performance
Development and Design
• A List Apart
• Growing with the Web
• HTML5 Rocks
• LukeW:Writings on Digital Product Strategy and Design
• Mozilla Developer Network
• Mozilla Hacks
• NCZOnline
Web Standards and Tests
• Can I use...
• Mobile HTML5
• WHATWG
• World Wide Web Consortium (W3C)
Hosting and Deploying with Amazon Web Services
46
Amazon Silk Developer Guide
Sites
Documents you may be interested
Documents you may be interested