Assign class to image - I'm missing something

This forum is for all Flare issues not related to any of the other categories.
Post Reply
bboursaw
Propeller Head
Posts: 39
Joined: Thu Apr 02, 2015 4:20 pm

Assign class to image - I'm missing something

Post by bboursaw »

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
bboursaw
Propeller Head
Posts: 39
Joined: Thu Apr 02, 2015 4:20 pm

Re: Assign class to image - I'm missing something

Post by bboursaw »

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
bboursaw
Propeller Head
Posts: 39
Joined: Thu Apr 02, 2015 4:20 pm

Re: Assign class to image - I'm missing something

Post by bboursaw »

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).

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>
Psider
Propellus Maximus
Posts: 811
Joined: Wed Jul 06, 2011 1:32 am

Re: Assign class to image - I'm missing something

Post by Psider »

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.
bboursaw
Propeller Head
Posts: 39
Joined: Thu Apr 02, 2015 4:20 pm

Re: Assign class to image - I'm missing something

Post by bboursaw »

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.
Psider
Propellus Maximus
Posts: 811
Joined: Wed Jul 06, 2011 1:32 am

Re: Assign class to image - I'm missing something

Post by Psider »

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>
Post Reply