翻譯|使用教程|編輯:況魚杰|2019-12-25 14:08:26.473|閱讀 285 次
概述:本文將幫助您在封面頁上實現垂直條紋,以實現小冊子的輸出。當您為小冊子輸出設計封面時會非常實用。這可以通過創建和修改自定義模板來實現。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
HelpStudio以最快的,最簡單的方式創建和出版幫助系統,并與您的桌面或基于網絡的應用程序或組件整合起來,包括. NET。
Document! X包含了最新的制作工具,它允許你在預覽自動生成的頁面中直接增加內容-自動生成的文檔與功能齊全的注釋工具的無縫集成。使用Document! X,文檔可以在整個設計和開發過程中自動生成,而不需要花費開發人員的資源,同時為開發團隊提供了準確和最新的參考,并允許新的開發人員快速的學習新的組件和架構。
本文將幫助您在封面頁上實現垂直條紋,以實現小冊子的輸出。當您為小冊子輸出設計封面時會非常實用。這可以通過創建和修改自定義模板來實現。(如何創建自定義模板)
在這種情況下,相關的基礎模板是小冊子的經典(主題)模板。創建模板后,將打開模板編輯器,然后,您需要按照以下說明在封面上添加條紋:
在模板編輯器中,導航到Page Types(頁面類型)并創建一個新的頁面類型-建議將該頁面類型命名為CoverPage.html,然后,您需要選擇克隆現有頁面類型并克隆Standard.html。
選擇CoverPage.html,然后單擊工具欄上的Edit(編輯)按鈕。
用以下HTML替換新頁面類型的</body>部分。
<body OnLoad="OnLoad()"> <div class="verticalStrip1"> </div> <div class="verticalStrip2"> </div> <div class="verticalStrip3"> </div> <div id="i-cover-page-heading-content" id="i-cover-page-heading-content" style="padding-left:80px"> <!--DXMETADATA start type="BookletHeading" --><!--DXMETADATA end--> </div> <div class="i-body-content" style="padding-left:80px" id="i-body-content"> <!--DXMETADATA start type="TopicSection" name="BodyText"-->Body<!--DXMETADATA end--> </div> </body>
添加樣式規則,以將條紋插入頁面。您需要將樣式規則添加到項目中的自定義樣式表中(如果您希望將其包含在具有不同顏色的不同項目中),或者將樣式規則添加到自定義模板的自定義樣式表中(如果您有多個希望使用相同品牌的項目)(如何將新樣式表添加到您的項目?)
一旦確定了樣式規則的保存位置,就需要打開自定義樣式表并插入以下內容:
.verticalStrip1 { position:fixed; top:0; left:0; width:20px; opacity: .4; background-color:blue; height:100%; } .verticalStrip2 { position:fixed; top:0; left:20px; width:20px; background-color:red; height:100%; } .verticalStrip3 { position:fixed; top:0; left:40px; width:20px; background-color:black; height:100%; }
保存更改-對于模板,您需要關閉模板編輯器,這將提示您保存更改-按Yes(是)。您還需要關閉之前的樣式表-系統將提示您再次保存更改-選擇Yes(是)。
選擇要在Booklet Profile中使用的自定義模板-您可以在Booklet Profile Editor中執行此操作,方法是右鍵單擊構建配置文件并選擇Edit(編輯)。切換到模板頁面,然后導航到Booklet Topics(小冊子主題)模板下拉菜單,然后選擇新的自定義模板。如果您有多個小冊子構建配置文件-您需要確保在封面上使用這些垂直條紋的每個配置文件中都使用此新的自定義模板。
將封面主題的頁面類型設置為Coverpage.html。在項目資源管理器中選擇封面,然后導航到屬性窗口(在左下角)。 在此處,展開Page Types(頁面類型)的下拉菜單,然后選擇Coverpage.html。
這將在內容的左側顯示三行-一條是藍色,具有不透明度值,第二條是紅色,第三條是黑色 您可以添加更多行,也可以根據需要刪除行,方法是在第1節中添加另一個
完成此操作后,您的輸出應如下所示:
如果您對上面的問題有什么疑惑或者建議都可以在評論區留言,大家一起討論。
如果您對Document! X和HelpStudio感興趣,可以咨詢購買正版授權軟件。
關注慧聚IT微信公眾號 ???,了解產品的最新動態及最新資訊。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: