Ok,
I feel terrible even asking this question as it is ridiculously basic. I have used Flare for several years now and I have always been to select the desired style class when inserting an image via the ribbon. Now, when the image is inserted, it is not honoring my style changes within my img class, which unfortunately makes sense given that I can't seem to get the style class associated with it.
I have just upgraded to Flare 2018 and now on the image properties window, during the insert process, there is no button on the Style Class field, only on the Style ID field.
I tried to simply type img for the class name, but as expected, that didn't work.
Has something fundamentally changed for simply applying a style to an image? What have I missed here?
Thank you,
Bob
Assign class to image - I'm missing something
Re: Assign class to image - I'm missing something
If someone is using Flare 2018, could you please let me know if the Style Class field on image properties has a drop-down to select the style class? Or just a text filed to type in?
Thanks,
Bob
Thanks,
Bob
Re: Assign class to image - I'm missing something
Observations up to this point.
In the XML editor, I don't see the bar showing on the left for the img class, like I do for p and other items. In my previous version of Flare, I do see the img bar on the left of the editor when the image is highlighted.
In looking at the XML for the topic, I see that the correct stylesheet is being called, and the correct settings for padding top / bottom for my img class are there as well.
It just doesn't seem like the images are using the style, even when the class has been defined within the XML for the top. (shown below).
In the XML editor, I don't see the bar showing on the left for the img class, like I do for p and other items. In my previous version of Flare, I do see the img bar on the left of the editor when the image is highlighted.
In looking at the XML for the topic, I see that the correct stylesheet is being called, and the correct settings for padding top / bottom for my img class are there as well.
It just doesn't seem like the images are using the style, even when the class has been defined within the XML for the top. (shown below).
Code: Select all
<?xml version="1.0" encoding="utf-8"?>
<html xmlns:MadCap="http://www.madcapsoftware.com/Schemas/MadCap.xsd">
<head><title>System overview</title>
<link href="../../Resources/Stylesheets/MainStyles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>System overview</h1>
<p>The Infinity Production System (IPS) sits between the order management system and the presses within the digital workflow. IPS prepares and delivers batches of client orders efficiently through production. It is important to note that IPS is a production system, not an order system. The following illustration provides a high level overview of the work flow.</p>
<p>
<img src="../../Resources/Images/Assets/IPS/IPSWorkflowOverview.png" class="img" />
</p>
<p>Here is text following the image. </p>
</body>
</html>
Re: Assign class to image - I'm missing something
This is what I see using 2018 trial.
If the image is not inside a p tag, then I see the img bar on the left. If it is inside a p tag, I see the img bar at the top of the window. If I click on the browse button to the right of ID, then I get to choose either a class or an id.
If the image is not inside a p tag, then I see the img bar on the left. If it is inside a p tag, I see the img bar at the top of the window. If I click on the browse button to the right of ID, then I get to choose either a class or an id.
Re: Assign class to image - I'm missing something
So this is probably a very basic question, but I have much to learn in this arena. When it comes to placing images, say just inline with text...
text...
...
...
img
more text...
...
Is it ok / standard to have the image be within a paragraph tag? (this is how mine is). Or, should it not be within paragraph tags? Just curious - always looking for the 'right' way / best practices.
text...
...
...
img
more text...
...
Is it ok / standard to have the image be within a paragraph tag? (this is how mine is). Or, should it not be within paragraph tags? Just curious - always looking for the 'right' way / best practices.
Re: Assign class to image - I'm missing something
It can definitely be within a p tag and I can't find anything saying it can't stand alone, so I think all of these are valid examples.
<p>This is an image <img> inline with text</p>
<p><img></p>
<img>
<p>This is an image <img> inline with text</p>
<p><img></p>
<img>