Somehow, it pointed out to the wrong coordinates, probably, because the size of the image in the dialog box where you edit the areas did not correspond its size in the PDF layout. I couldn’t think of anything better than to highlight the areas again by eye and, finally, it worked! If you have encountered such an issue before, feel free to add your comments and ideas on how to avoid it or apply a smarter solution. One of those properties is called coords indicating the coordinates of the highlighted section. You see, when you create an image map, Flare automatically adds a map with area tags with specific properties and values to the HTML head section: For some reason, some of the sections did get me to the topic I needed, and some of them didn’t.įix. After a while, I realized what was the reason. However, unfortunately, I discovered that it didn’t work as I had expected. In the dialog box, highlight multiple areas and select a topic link to each one.Right-click the scheme and select Image Map. Issue 3. Recently, I created the following scheme to help describe a step-by-step process in the PDF output, and I needed each section of a scheme to point to a different topic: In MadCap Flare, you can assign specific sections of the image to hyperlinks, or create image maps which is how you make your graphics content more user-interactive.Now, build your HTML5 output, and see your new tab icon. In the Project Organizer, open your HTML5 target, in the Target Editor navigate to the Skin tab and in the Favicon field, select the skin.Open your skin in the editing area and in the Master Favicon section, click and select an image you have already saved in your Images.In the File Name field, enter the name of your skin, for example, Favicon_Skin, and then click Add.In the dialog box in the Source section, select HTML5 Component – Favicons.Open your project, navigate to Project Organizer, and right-click Skins > Add Skin.In your MadCap Flare project, go to Content > Resources > Images and save an icon you want to be displayed.It’s a great way to add a little branding touch to your help and make it even more connected to the application. A favicon is a website icon that you see on your browser toolbar, in bookmarks, and on tabs. Issue 2. I am one of those people who keep dozens of browser tabs open each day, that’s why I thought of a way to make my HTML output noticeable.įix. To do this, I decided to apply a favicon to my web help.This way, you get your images to take up only the space you need. Under the Unclassified section, tell your image that its maximum width is 100%.Navigate to your Stylesheet Editor where you have your print styles.To do that, first you have to configure print styles either as a print medium or have a separate CSS file. How do you fix the size of the images for PDF and HTML?įix. But the thing is, if the images look perfectly fine in HTML format as thumbnails, they don’t fit your page layout in PDF format terribly: they are cut off on the edges of the page. Both of them have images that must be displayed in HTML and PDF.
0 Comments
Leave a Reply. |