c# .net pdf viewer : Add page numbers to pdf using preview control Library system azure .net asp.net console robohelp_help33-part1275

Multimedia and special effects
301
Tips:
Create a stationery watermark effect by displaying background colors and images from the 
Borders And Shading dialog box.
When you select an image, the Cable Drum button appears . Use it to link topic items (such 
as images, text, and tables) with another topic item, and assign a Dynamic HTML effect to the 
connection.
When you import a Microsoft Word file or an HTML file, all images are imported with the file 
(images must be in anchored frames.)
NOTE
:If you generate WebHelp Pro or WebHelp output, use GIF or JPEG files.
Locate images
Use the Graphics Locator to scan hard drives and folders for image files, view thumbnails, and copy 
files.
1) In the Toolbox pod, double-click the Graphics Locator .
2) Select the graphic file format to search for.
3) Enter the path for the search or browse to a new location.
4) Click Search.
Copy an image
1) In the Toolbox pod, double-click the Graphics Locator button .
2) Select an image from the Image Files list.
3) Browse to a destination.
4) Click Copy File.
View an image
To view an image, you associate the filename extension with an application:
1) In the Project view, select the Images folder.
2) Right-click an image.
3) Click View.
4) Select File > Options.
5) Click the Associations tab.
Add page numbers to pdf using preview - insert pages into PDF file in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Guide C# Users to Insert (Empty) PDF Page or Pages from a Supported File Format
add page numbers to a pdf document; add and remove pages from a pdf
Add page numbers to pdf using preview - VB.NET PDF Page Insert Library: insert pages into PDF file in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Easy to Use VB.NET APIs to Add a New Blank Page to PDF Document
add page number to pdf print; add a blank page to a pdf
Multimedia and special effects
9
302
6) Click Add next to File Associations. Enter a filename extension.
7) Click Select. Browse to the application to use for editing and viewing the file type.
Add an image to a topic
You can insert files with the following filename extensions: .gif, .jpeg, .jpg, or .bmp.
NOTE
:For 
Web-based Help, use GIF or JPEG files.
1) In the Design Editor, select a location for the image.
2) In the toolbar, click the Insert Image button .
3) Do either of the following:
Click the Browse button  to browse to a file.
If the image file is in the project, select a folder from the Images In Project Folders pop-up 
menu. Select All Folders to see all images in the project.
4) Click OK.
Tips:
For an image used in the project, drag it from the Project Manager\Images folder into the topic.
To add predefined images, click the Gallery tab in the Image dialog box, select a category, and 
select the image. To add it to the project, click OK.
You can paste screen captures into the Design Editor without using a third-party image-editing 
tool. The images are saved as either GIF or JPEG files. Press Alt + PrtScr to capture the active 
screen.
Add a RoboScreenCapture image to a topic
Simultaneously create and add images.
1) Move the cursor to a desired location in the Design Editor of a topic.
2) Click the Insert ScreenCapture button  on the Object toolbar. The Insert ScreenCapture 
dialog box appears.
3) Enter a filename for the new image.
4) Select a file format.
5) Click OK. RoboScreenCapture opens and RoboHelp is minimized.
6) Select Capture > Active Window or any desired capture. The new image appears in the blank 
area.
7) Click Save .
C# Create PDF Library SDK to convert PDF from other file formats
them the ability to count the page numbers of generated PDF document in C#.NET using this PDF document creating toolkit, if you need to add some text
adding page numbers to a pdf in reader; add a page to a pdf file
C# PowerPoint - PowerPoint Creating in C#.NET
them the ability to count the page numbers of generated a PowerPoint document in C#.NET using this PowerPoint creating toolkit, if you need to add some text
add page numbers to a pdf; adding page numbers to a pdf file
Multimedia and special effects
303
8) Close RoboScreenCapture. The Image dialog box of RoboHelp for HTML appears.
9) (Optional) Resize the image or place borders around it.
10) Click OK.
Remove an image from a topic
To remove an image from a topic, in the Design Editor, select the image. Click the Delete 
button. The image remains in the Images folder.
To remove an image from a project, delete the file from all topics. The image is removed from 
the Images folder.
Edit an image in RoboHelp
1) In the Design Editor, select the image to edit.
2) Right-click the image and choose Image Properties.
3) Set options:
Text Wrapping
Select the alignment of the image with the surrounding text.
NOTE
:If text wrapping occurs around an image, then the image cannot be aligned. If text 
wrapping is set to None, then the image, or the line it is on, can be aligned.
Screen Tip
Enter text to display when the user hovers the cursor over the image. Typically, the screen tip 
text is the image title.
ALT Text
Enter the text to display when the image cannot be displayed (perhaps because users have 
disabled images in their browsers). Typically, ALT Text (alternative text) should contain a 
crisp description of the image.
Size
Click to set the dimensions of the image in pixels. In the Size dialog box, select Maintain Aspect 
Ratio to maintain the height to width proportion.
Margins
Click to specify the space between the image and the text. You can specify the same width for 
the margin on all sides or a different width for left, right, top, and bottom margins.
C# Word - Word Creating in C#.NET
offer them the ability to count the page numbers of generated creating a Word document in C#.NET using this Word creating toolkit, if you need to add some text
add page to pdf online; add page number pdf file
C# Word - Word Create or Build in C#.NET
also offer them the ability to count the page numbers of generated using this Word document adding control, you can add some additional Create Word From PDF.
add pages to an existing pdf; adding page numbers pdf file
Multimedia and special effects
9
304
Borders
Click to add a border to the image and specify a style.
Edit an image with RoboScreenCapture
1) In the Design Editor, select the image to edit.
2) Do one of the following:
Select Edit > View > Image.
Right-click and select Edit with RoboScreenCapture.
3) Edit the image.
4) Click Save. 
NOTE
See RoboScreenCapture Help for more information.
Image maps
Create an image map
1) In the Design Editor, open a topic containing an image.
2) Right-click the image. Select Insert Image Map.
3) Select Rectangle, Circle, or Polygon.
The cursor becomes a cross hair .
4) Draw a clickable area within the image border.
5) In Link To, click the triangle pop-up menu . Select a file under Select Destination (File Or 
URL) or another destination.
6) In Screen Tip Text, enter text to display when users hover the mouse over the image map.
7) Click OK.
TIP
:The Project Manager saves the image map with the image in the Images folder. A plus sign at 
the left side of the Image button indicates an image map: . Click the plus sign to see a list of all 
hotspots in the image map. Hotspot links appear with the Hotspot icon .
8) To test, click the View button in the toolbar. Click the hotspot.
Change an image map
1) In the Design Editor, open the topic containing the image map.
2) Double-click the hotspot.
C# Excel - Excel Creating in C#.NET
also offer them the ability to count the page numbers of generated a Excel document in C#.NET using this Excel creating toolkit, if you need to add some text
add page number to pdf preview; add page to pdf in preview
Multimedia and special effects
305
3) In Link To, click the triangle pop-up menu . Select a file under Select Destination (File Or 
URL) or another destination.
4) Select OK. If prompted, select OK to copy the file into the project.
5) To test, click the View button  in the toolbar. Click the hotspot.
R
ELATED
LINKS
:
Link to a pop-up
W3C compliance
Adobe Captivate demos
Follow these procedures to integrate content created using Adobe Captivate and update the source 
from within RoboHelp. You can launch Adobe Captivate from within RoboHelp and create demo 
topics. You can also insert SWF and HTML5 output of Adobe Captivate demos in existing topics. 
Demo or demonstration is a recording mode in Adobe Captivate. For more information, see Using 
Adobe Captivate.
When an Adobe Captivate demo is added in the project, you can open the source from within Robo-
Help and edit it.
Create an Adobe Captivate demo
Create an Adobe Captivate demo from within RoboHelp.
1) Select Project > New > Topic > Adobe Captivate Topic.
2) Specify a name for the Adobe Captivate project that will be created.
3) In the Title box for the Demo topic, type the topic name.
4) In the File Name box, specify a filename with the extension .htm.
5) Click OK.
6) Create the demo.
NOTE
:You cannot access RoboHelp while Adobe Captivate is open.
7) Save the demo and close Captivate.
8) To test the demo, select or open the host topic, and click View .
9) Open the topic and add additional information, such as a header, footer, background color, or 
title text.
NOTE
You can select the Adobe Captivate demo inserted in the topic and cut and paste it into 
another topic if required.
Multimedia and special effects
9
306
Insert an Adobe Captivate demo
You can link to the demo topic from other topics in the project, from books and pages in the TOC, 
and from index keywords. When users click the link, the demo starts.
1) In RoboHelp, open the topic where you want to insert the demo.
2) Place the cursor where you want to insert the demo.
3) From the Insert menu, select Adobe Captivate Demo. The Adobe Captivate Demo dialog box 
appears:
If the demo SWF file is already in the project, select it from the Multimedia In Project 
Folders list.
If the file is outside the project folder, click the Browse button , navigate to the SWF 
file, and click Open. At the prompt, click Yes to copy the file to the project folder.
If Adobe Captivate HTML5 output of the demo is available, browse and select the .htm 
file.
NOTE
RoboHelp adds the .htm file as a baggage file and uses the extension .cpz. If you have 
not specified the SWF file along with the HTML5 output file, RoboHelp adds a placeholder 
SWF for use in Design Editor. This means that you can’t edit the demo from within Robo-
Help. The HTML5 output of the demo is used only in project output generated using the 
Multiscreen HTML5 layout.
4) Click OK. An object in the topic indicates where the file was placed.
5) To test the demo, click View .
Import an Adobe Captivate Demo
You can import an Adobe Captivate demo as a new topic in your RoboHelp project.
1) Select Project > Import > Document > Adobe Captivate Demo.
2) Specify a title for the new topic that you want to create for the demo.
3) Specify the path of the HTML5 output for the demo.
4) Specify the path of the SWF output for the demo.
Notes:
If you have specified an HTML5 output path and skipped specifying the corresponding SWF 
output path, RoboHelp adds a placeholder SWF for use in Design Editor. This SWF is 
non-editable.
If the SWF being imported has any FLV file embedded in it, RoboHelp does not import the 
FLV file. Add the FLV as a baggage file. See Add files to the Baggage folder
Multimedia and special effects
307
Edit an Adobe Captivate demo
1) Open the topic containing the Adobe Captivate demo, or in the Project Manager, expand the 
Multimedia folder.
2) Right-click the demo. Select Edit.
NOTE
If you have inserted an HTML5 output file and skipped inserting the corresponding SWF 
file, RoboHelp adds a placeholder SWF for use in Design Editor. This SWF is non-editable.
3) Make the changes.
4) Close Adobe Captivate.
NOTE
:When you preview an Adobe Captivate demo in RoboHelp, a prompt may ask you to update the 
file in the project. This prompt appears if you saved the Adobe Captivate demo outside RoboHelp to the 
default Adobe Captivate location. (The default location is C:\Documents and Settings\[user 
name]\My Documents\My Adobe Captivate Projects\.) Update the file to apply the changes made 
outside RoboHelp.
Multimedia
Add multimedia
1) Select a location in the topic for inserting the multimedia.
2) Select Insert > Media > Multimedia.
3) Choose either Offline (local folder) option to insert multimedia file from a local folder or 
Online (URL) option to embed an online video using its URL.
4) If you choose multimedia option as Offline (local folder), do one of the following:
To add a new file, click the Browse button , and navigate to the file. Double-click it. 
Select Yes.
To add an existing file, select it from the Multimedia In Project Folders list.
5) If you choose multimedia option as Online (URL), input the source URL (in embed code) of 
the online video as explained in the note below. For embedding Youtube, Vimeo, and Daily-
motion videos, you can alternatively provide the http URL instead of the source URL.
NOTE
The source URL of the video can be copied from the embed code of the online video. 
Consider this embed code as an example: <iframe width="560" height="315" 
src="https://www.youtube.com/embed/PAxxJKa3PDo" frameborder="0" allow-
fullscreen></iframe>. Here, the source URL required to embed the video is: 
https://www.youtube.com/embed/PAxxJKa3PDo. This source URL is different from the http 
URL of the video.
Multimedia and special effects
9
308
6) Set options:
Text Wrapping
Sets the alignment of the multimedia object with the surrounding text.
Screen Tip
Replaces the multimedia file with a text label if users disable multimedia in their browsers.
7) You can set the appearance settings. The settings you specify affect how the embedded video 
appears in the published web output.
Size
Specifies the size of the embedded video.
If you are adding a QuickTime video, you need to add 16 pixels to the size of the video. This 
means, that if your video is 320 x 240, you will need to define the Size (in the Appearance 
drop-down described above), as 336 x 256.
Margin
Specifies left, right, top, and bottom margins in inches.
Border
Sets a border around the video object.
Player Settings
Specifies the video settings related to player controls, playback, and sound in the published 
output. The following options are available:
Auto:
Show player controls on hover. This option is available only when embedding an online video.
Always:
Show player controls always.
Never:
Never show player controls.
Show annotations when available:
Show annotations if they are available in the embedded multimedia. This option is available 
only when embedding an online video.
Full Screen:
Show multimedia in full screen.
Autoplay:
Auto play multimedia when you open the topic that contains it.
Multimedia and special effects
309
Loop:
Loop multimedia ‘n’ times till the user stops it manually. Choose Infinitely or specify a value 
for ‘n’ for finite looping. It should be noted that finite looping option is available only for 
window media video (wmv) multimedia type, while infinite looping option is available for all 
multimedia types except window media video (wmv).
Mute:
Start the video in mute mode, which can later be changed manually.
Initial Volume:
Specify the initial volume of the video, which can later be changed manually. This option is 
available only for HTML5 video files.
8) Click OK.
9) Create a link to the multimedia file near the object with a note prompting users to select the 
link if they cannot access the multimedia file.
10) To test or preview, click View Item button in Project > View.
IMPORTANT
:The player settings that you specify, depend on the output video type (such as .mov or .qt) 
for offline videos. For online videos, the settings will depend the on settings made available by the 
provide (such as youtube.com or vimeo.com.
NOTE
:Some file formats do not work properly in compiled Microsoft HTML Help files.
The following are the allowed multimedia file types:
Video files: *.avi, *.asf, *.asx, *.mpg, *.mpeg, *.mpg4, *.mpe, *.mov, *.qt, *.ra, *.rm, *.rpm, 
*.wmv, *.wvx
HTML5 video files: *.mp4, *.ogg, *.ogv, *.webm.
.ogg, .ogv, and .webm formats are supported only for Multiscreen HTML5 SSL. These formats 
are not supported in Internet Explorer. Refer to the following table for more information about 
browser requirements for playing videos in generated Multiscreen HTML5 output:
Multimedia and special effects
9
310
Where:
Ogg represents Ogg files with the Theora video codec and the Vorbis audio codec
MPEG4 represents MPEG 4 files with the H.264 video codec and the AAC audio codec
WebM represents WebM files with the VP8 video codec and the Vorbis audio codec
TIP
:For wider compatibility with multiple browsers on multiple devices, use MP4 video files. MP4 
videos are also supported in EPUB 3 eBook output.
Notes:
(Only for Firefox) MP4 videos in Multiscreen HTML5 output are displayed in the size 400 x 300 
pixels by default. You can specify a different video size if necessary.
(Windows 7 and Internet Explorer 9)To view MP4 videos in Multiscreen HTML5 output, make 
sure that Windows Media Player is installed.
MPEG video files: *.mpg, *.mpeg, *.mpg4, *.mpe
NOTE
MPEG 4 files with H.264 video codec 
and AAC audio codec are natively supported by most browsers.
Windows media files: *.avi, *.asf, *.asx, *.wma, *.wmv, *.wax, *.wvx
QuickTime files: *.qt, *.mov
Real files: *.ra, *.rm, *.rpm
Audio files: *.asf, *.asx, *.mp3, *.mp4, *.wav, *.au, *.mid, *.rmi, *.ra, *.rm, *.wma, *.wax
Flash files: *.swf
Flash video files: *.flv, *.f4v
Adobe Captivate files: *.swf
If you use the multimedia file in other topics, add it by dragging the file from the Multimedia 
folder.
NOTE
Multimedia content might have dependencies such as Flash or video/audio players that 
you need to install before you can view or hear them.
Internet Explorer
FireFox
Chrome
Safari
Ogg
Not supported
3.5+
5.0+
Not supported
MPEG 4
9.0+
Not supported
5.0+
3.0+
WebM
Not supported
4.0+
6.0+
Not supported
Documents you may be interested
Documents you may be interested