byte to pdf c# : Bookmarks in pdf reader application SDK tool html winforms web page online DocToHelp2014UserGuide2012v223-part1630

Doc-To-Help 2014 User Guide 
Customizing Your Project  
221 
Tabs and Accordion Themes only. 
Changing the header font 
Change in 
user.css:
#c1headerText { 
margin: 0; 
font-family: Georgia, Times, "Times New Roman"; 
font-family: Tahoma, Arial, sans-serif; 
font-style: italic; 
Changing the header alignment 
Add to 
user.css
#c1headerPanel { 
width: 100%; 
Change in 
user.css
#c1headerText { 
margin: 0; 
font-family: Georgia, Times, "Times New Roman"; 
font-style: italic; 
text-align: right; 
margin-right: 10px; 
Changing the font of the left panel tabs 
Add to 
user.css
#c1sideTabsHeader li { 
font-weight: bold; 
font-style: italic; 
Changing the Contents panel font 
Add to 
user.css
#c1toc li { 
font-family: Monotype Corsiva; 
Bookmarks in pdf reader - add, remove, update PDF bookmarks in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Empower Your C# Project with Rapid PDF Internal Navigation Via Bookmark and Outline
excel print to pdf with bookmarks; create pdf bookmarks from word
Bookmarks in pdf reader - VB.NET PDF bookmark library: add, remove, update PDF bookmarks in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Empower Your VB.NET Project with Rapid PDF Internal Navigation Via Bookmark and Outline
bookmarks in pdf files; adding bookmarks to pdf
222  
Customizing Your Project 
Doc-To-Help 2014 User Guide 
Changing the Index panel font 
Add to 
user.css
#c1index li { 
font-family: Monotype Corsiva; 
Changing the Search panel font 
Add to 
user.css
#c1search li { 
font-family: Monotype Corsiva; 
Changing the highlighting color of search hits 
Add to 
user.css
.search-highlight { 
background-color: Lime; 
Changing the breadcrumbs font 
Change in 
user.css
#c1breadcrumbs { 
font-size: .9em; 
font-family: Courier New; 
Removing the line under the breadcrumbs 
Change in 
user.css
#c1breadcrumbs { 
border: none; 
Changing the link font 
Change in 
user.css:
#c1topicPanel a[href], 
#c1topicPanel a[data-ref], 
.topic-popup a[href], 
.topic-popup a[data-ref], 
VB.NET PDF File Compress Library: Compress reduce PDF size in vb.
document file. Remove bookmarks, annotations, watermark, page labels and article threads from PDF while compressing. Also a preview
add bookmark pdf file; how to add bookmarks to pdf files
C# PDF File Split Library: Split, seperate PDF into multiple files
Split PDF file by top level bookmarks. The following C# codes explain how to split a PDF file into multiple ones by PDF bookmarks or outlines.
pdf bookmark editor; convert word to pdf with bookmarks
Doc-To-Help 2014 User Guide 
Customizing Your Project  
223 
.aklinks-menu a { 
color: #1B75BB; 
text-decoration: none; 
font-style: italic; 
Examples: Manual Customization 
Tabs and Accordion Themes only. 
Showing some text to the right of the header 
Change in 
layout.html
<table id="c1headerPanel" border="0" cellpadding="0" cellspacing="0"><tr 
id="c1headerPanelRow0"> 
<td id="c1headerLogoCell"> 
<img id="c1headerLogo" src="images/d2h_logo_placeholder.png" alt="Logo" 
class="logo" /> 
</td><td id="c1headerTextCell"> 
<h1 id="c1headerText"></h1> 
</td><td id="headerRightCell"> 
<em>Powered by Doc-To-Help</em> 
</td> 
</tr></table> 
Add to 
user.css
#c1headerPanel { 
width: 100%; 
#headerRightCell { 
text-align: right; 
padding-right: 10px; 
Adding a footer 
Add a <div> element to 
layout.html:
<div id="c1page" class="abs fill-h fill-v crop"> 
<div id="c1header" class="abs fill-h crop ui-widget ui-state-hover"> 
.... 
VB.NET PDF File Split Library: Split, seperate PDF into multiple
Demo Code in VB.NET. The following VB.NET codes explain how to split a PDF file into multiple ones by PDF bookmarks or outlines.
add bookmarks to pdf; copy pdf bookmarks to another pdf
C# PDF File Compress Library: Compress reduce PDF size in C#.net
NET framework. Remove bookmarks, annotations, watermark, page labels and article threads from PDF while compressing. C# class demo
add bookmark to pdf reader; how to bookmark a page in pdf document
224  
Customizing Your Project 
Doc-To-Help 2014 User Guide 
</div> 
<div id="c1main" class="abs fill-h"> 
.... 
</div> 
<div id="mainFooter" class="crop ui-widget ui-state-hover"> 
Footer text 
</div> 
</div> 
Add to 
user.css
#mainFooter { 
position: absolute; 
bottom: 0; 
left: 0; 
right: 0; 
height: 30px; 
#c1main { 
bottom: 32px; 
Adding a header and footer to the topic panel 
Add two <div> elements to HTML in 
layout.html
<div id="c1topicPanelInner" class="abs fill-h fill-v scroll"> 
<div id="topicHeader" class="ui-widget-content"> 
Topic header text 
</div> 
<div id="c1topicBar"> 
<div id="c1breadcrumbs" style="display:none;"></div> 
<div id="c1collapsiblePanel" style="display:none;"> 
<span id="c1expandAll"><span class="icon"></span><a 
class="label">Expand All</a></span> 
<span id="c1collapseAll"><span class="icon"></span><a 
class="label">Collapse All</a></span> 
</div> 
</div> 
<div id="c1topic"></div> 
<div id="topicFooter" class="ui-widget-content"> 
Topic footer text 
.NET PDF SDK | Read & Processing PDF files
provided by this .NET Imaging PDF Reader Add-on Able to convert PDF documents into other formats Include extraction of text, hyperlinks, bookmarks and metadata;
creating bookmarks pdf; add bookmarks pdf
.NET PDF SDK - Description of All PDF Processing Control Feastures
Fully featured PDF Viewer in HTML5; Outstanding rendering of PDF documents; Full page navigation, zooming & rotation; Outlines, bookmarks, & thumbnail display;
edit pdf bookmarks; export pdf bookmarks to excel
Doc-To-Help 2014 User Guide 
Customizing Your Project  
225 
</div> 
</div> 
Add to 
user.css
#topicHeader { 
margin: 5px 20px; 
border-width: 0 0 1px 0; 
#topicFooter { 
margin: 25px 20px 5px 20px; 
border-width: 1px 0 0 0; 
Adding nonscrolling header and footer into the topic panel 
Add two <div> elements to HTML in 
layout.html
<div id="c1topicPanel" class="content-topic abs fill-h ui-corner-all topiconly-
container" style="display:none;" data-c1-role="topic"> 
<div id="topicHeader" class="ui-widget-content">Header text</div> 
<div id="c1topicPanelInner" class="abs fill-h fill-v scroll"> 
<div id="c1topicBar"> 
<div id="c1breadcrumbs" style="display:none;"></div> 
<div id="c1collapsiblePanel" style="display:none;"> 
<button id="c1expandAll" class="flat ui-widget-content"> 
<span id="c1expandAllIcon" class="icon"></span> 
<span id="c1expandAllLabel" class="label">Expand All</span> 
</button> 
<button id="c1collapseAll" class="flat ui-widget-content"> 
<span id="c1collapseAllIcon" class="icon"></span> 
<span id="c1collapseAllLabel" class="label">Collapse 
All</span> 
</button> 
</div> 
</div> 
<div id="c1topic"></div> 
</div> 
<div id="topicFooter" class="ui-widget-content">Footer text</div> 
</div> 
Add to 
user.css
:
 
#topicHeader { 
position: absolute; 
XDoc.Word for .NET, Advanced .NET Word Processing Features
& rotation; Outlines, bookmarks, & thumbnail display; Integrated annotation; More about Web Viewer ▶. Conversion. Word Create. Create Word from PDF; Create Word
bookmark pdf acrobat; copy bookmarks from one pdf to another
XDoc.PowerPoint for .NET, All Mature Features Introductions
& rotation; Outlines, bookmarks, & thumbnail display; Integrated annotation; More about Web Viewer ▶. PowerPoint Convert. Convert PowerPoint to PDF; Convert
how to add a bookmark in pdf; bookmark pdf in preview
226  
Customizing Your Project 
Doc-To-Help 2014 User Guide 
top: 0; 
left: 0; 
right: 0; 
height: 2em; 
border-width: 0 0 1px 0; 
#topicFooter { 
position: absolute; 
bottom: 0; 
left: 0; 
right: 0; 
height: 2em; 
border-width: 1px 0 0 0; 
#c1topicPanelInner { 
top: 2.2em; 
bottom: 2.2em; 
Extending the toolbar to the left to the entire page width 
Change in 
layout.html
Move the element 
<div id="c1topBar">
from inside the element 
<div id="c1content">
into the 
element 
<div id="c1main">
Create a new element 
<div id="mainContent">
inside the element 
<div id="c1main">
<div id="c1main" class="abs fill-h"> 
<div id="c1topBar" class="ui-widget ui-widget-header ui-corner-all" 
style="text-align: right;"> 
.... 
</div> 
<div id="mainContent"> 
<div id="c1side" class="abs fill-v"><div id="c1sideInner"> 
.... 
</div> 
<div id="c1splitter" class="c1-splitter abs fill-v"> 
.... 
</div> 
<div id="c1content" class="content abs fill-v"><div id="c1contentInner"> 
Doc-To-Help 2014 User Guide 
Customizing Your Project  
227 
<div id="c1topBar" class="ui-widget ui-widget-header ui-corner-all" 
style="text-align: right;"> 
.... 
</div> 
.... 
</div> 
</div> 
</div> 
Add to 
user.css
#c1topBar { 
margin: 0.2em; 
#mainContent { 
position: absolute; 
top: 2.7em; 
bottom: 0; 
left: 0; 
right: 0; 
#c1topicPanel { 
top: 0; 
Theme Configuration FAQ 
Here are the answers to some frequently asked questions about customizing NetHelp 2.0. 
General 
Why do I get the error message “The content is not shown because JavaScript is 
disabled” when I try to view my NetHelp 2.0 Targets? 
228  
Customizing Your Project 
Doc-To-Help 2014 User Guide 
NetHelp Targets that are opened locally (on your machine) may display this message, depending on your security 
settings. You could add the "Mark of the Web" (MOTW) to your project using the "Mark of the Web" check box in the 
Help Targets
dialog box, see NetHelp Target for more information about MOTW. 
What happens when I upgrade my project from NetHelp Classic to NetHelp 2.0? 
Your project’s theme will be set to the NetHelp 2.0 default 
Tabs
theme. If you created a custom theme for NetHelp 
Classic, those customizations are lost. But it is easy to customize a NetHelp 2.0 theme, see Using the NetHelp 2.0 Theme 
Designer on page 201. If your NetHelp Classic project had context-sensitivity implemented, minor changes will need to 
be made when upgrading to NetHelp 2.0. See Context Sensitive Help in NetHelp for details. 
When you switch between NetHelp Classic and NetHelp 2.0, the following properties will be reset: Theme, Localization, 
Background, Search Type, Dynamic Table of Contents, Frameset, Generate XHTML, XML Transformation, and Strings. 
I had NetHelp projects and I upgraded them to NetHelp 2.0. Can I change them back 
to NetHelp Classic if I want to? 
Yes, open the 
Help Targets
dialog box and clear the 
NetHelp 2.0 Target
check box. Click 
OK
and build your Target. 
When you switch between NetHelp Classic and NetHelp 2.0, the following properties will be reset: Theme, Localization, 
Background, Search Type, Dynamic Table of Contents, Frameset, Generate XHTML, XML Transformation, and Strings. 
How do I change the position of items within a NetHelp 2.0 theme? 
Some things are changed in the Theme Designer; some in the 
layout.html
file. See Using the NetHelp 2.0 Theme 
Designer on page 201 and Additional Theme Customizations on page 220. (Tabs and Accordion Themes only.) 
Can I incorporate Google Translate, Google Analytics, or Google Custom Search into 
NetHelp 2.0? 
Yes, you can incorporate any, or all of them. See the following blog posts for details: 
Instant Localization: Integrating Google Translate into NetHelp  
Track Your Readership: Integrating Google Analytics into Your NetHelp 
Integrating Google Custom Search into Your NetHelp Outputs 
Doc-To-Help 2014 User Guide 
Customizing Your Project  
229 
Header area 
How do I add a logo to the header of a NetHelp 2.0 Theme? 
In the Theme Designer, click on the header to open the 
Page Header
settings and choose 
logoImage 
(Tabs and 
Accordion Themes only). For the Responsive Theme, 
logoImage
is in the sidePanel settings. You can specify a logo 
there. It will appear in the upper left of your header. See NetHelp 2.0 Theme Designer Settings. 
I want to change the font and color of the Title in my NetHelp 2.0 header, how do I do 
that? 
You need to edit a section of the 
user.css
file in your theme. This file can be found in the \\My Doc-To-Help 
Projects\Doc-To-Help\Themes\NetHelp 2.0\Themes\Name of Theme folder. (Tabs and Accordion Themes only.) Here is 
the section: 
#c1headerTextCellTextCell h1{ 
vertical-align: bottom; 
color:#ff9933; 
font-size:60x;  
font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; 
font-weight:normal; 
font-style:normal 
How do I turn the buttons on the right — previous, next, home, print, email — on and 
off, or change the images? 
In the Theme Designer, click on the button to open its settings.Click on the 
Icon
button to change the image. To turn 
buttons on or off, or create new ones, click in the toolbar area to open the 
Toolbar
settings. See NetHelp 2.0 Theme 
Designer Settings. 
Can I add text to the previous, next, home, print, and email buttons? 
In the Theme Designer, click on the button to open its settings. Select the 
Show Label
check box to add a text label to 
the button.  
How do I turn off the “Created with Doc-To-Help” button in my NetHelp 2.0 Theme? 
In the Theme Designer, use the drop-down in the 
Settings
area and choose 
toolbars.topicTop
(Tabs and Accordion 
Themes only). Click the Wrench icon next 
Content
and delete the “Created with Doc-To-Help” button off in the 
Edit 
Toolbar Buttons
dialog box.  
TOC panel 
230  
Customizing Your Project 
Doc-To-Help 2014 User Guide 
How do I change the Table of Contents, Index, and Search tabs to accordion 
buttons? 
The default theme for NetHelp 2.0 is 
Tabs
. You can choose the 
Accordion
theme instead (or the Responsive theme). In 
the Theme Designer, click the 
Theme
drop-down. Choose 
Accordion
Can I remove the Index or Search tabs (or accordion buttons)? 
Yes, in the Theme Designer, click on the Index or Search areas to open their settings. Clear the 
Visible
check box. (Only 
the Tabs and Accordion themes have a Search tab.) 
Can I change the icons used next to the topics in the Table of Contents? 
Yes, in the Theme Designer, click on the Table of Contents to open its toc settings. 
Click on the appropriate icon to 
change the image or add a new one. See NetHelp 2.0 Theme Designer Settings. 
Color scheme 
I would like to change the color theming of my NetHelp 2.0 target. 
In the Theme Designer, you can use the Style Sheet drop down to choose another style sheet. If you wish to create 
additional style sheets, click the 
Add New Style Sheet
button. See Creating a New Style Sheet. 
Icons 
How to I change the “Related Topics” icon (the automatic subtopic links after “More” 
at the end of topics; by default an arrow icon) 
In the Theme Designer, click in the topic area to open the Topic settings. Click on the 
Related Topics
icon to change the 
image or add a new one. See NetHelp 2.0 Theme Designer Settings. 
Localization 
I would like to change the language used in my NetHelp 2.0 theme. 
Doc-To-Help includes configuration files for 14 languages. See Using the Settings List Editor for Localization on page 
217. 
Customizing Eclipse Help and EPUB Themes 
The following Themes are included with
Eclipse Help
, and 
EPUB 
Targets. These themes are the starting point for 
creating your customized Themes.  
Target 
Themes Available 
Description 
Eclipse 
Help 
Basic 
In Eclipse Help, the Target Theme only controls the topic frame, all other elements 
(TOC, Index, etc.)  are controlled by the Eclipse Help System scripts. 
EPUB 
Basic 
In EPUB, the Target Theme controls only items inside the frame, such as the option 
to display text Right-To-Left. 
Documents you may be interested
Documents you may be interested