Horizontal line with gradient color

This forum is for all Flare issues related to PDF, eBook, Microsoft Word, Adobe FrameMaker, XPS, and XHTML book targets.
Post Reply
awells12
Propeller Head
Posts: 70
Joined: Wed Sep 02, 2015 7:51 am

Horizontal line with gradient color

Post by awells12 »

Is there a way to insert a horizontal line into a page layout with a gradient color? I'm trying to replicate the headers of the Word documents we use and they include a orange-to-white gradient horizontal line. I can copy the plain orange line into Flare but the part of the line begins to fade into white appears to be a separate element and just shows up as a white (or invisible) line with no gradient. Is there a way to create this kind of horizontal line in Flare short of just taking a screenshot of the line in Word?
Image
Nita Beck
Senior Propellus Maximus
Posts: 3672
Joined: Thu Feb 02, 2006 9:57 am
Location: Pittsford, NY

Re: Horizontal line with gradient color

Post by Nita Beck »

(I'm going on memory, so bear with me here... And I haven't tested this, so YMMV.)

I don't think you can do this with Flare directly, but I'm fairly certain you can do this with MadCap Capture. Create a new Capture file, one that has a white (or blank) background image of even just 4x4 pixels... that bit doesn't matter. But in the Capture file, draw a long horizontal line of the desired width and set its color to have a starting color and ending color, to make the gradient. If you can't do a line that way, make a long, skinny rectangle, again with a starting color and ending color. Don't give it a border at all. Save this image.

Then in Flare, insert that image into your page layout. I'm not at all certain whether you can make the line bleed off the page.
Nita
Image
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
kwag_myers
Propellus Maximus
Posts: 810
Joined: Wed Jul 25, 2012 11:36 am
Location: Ann Arbor, MI

Re: Horizontal line with gradient color

Post by kwag_myers »

awells12 wrote:Is there a way to create this kind of horizontal line in Flare short of just taking a screenshot of the line in Word?
I tried using linear-gradient(orange, white) in the background property of a paragraph style, but it doesn't work with print outputs (looks nice in html, though). I think your best option is to, as you say, take a screen-shot and insert it as an image.
"I'm tryin' to think, but nothin' happens!" - Curly Joe Howard
awells12
Propeller Head
Posts: 70
Joined: Wed Sep 02, 2015 7:51 am

Re: Horizontal line with gradient color

Post by awells12 »

I inserted the line as a screenshot and that worked well, but now I'm running into another problem. I want the line to extend across the entire width of the page, so I dragged the ends of the header frame to the edges of the page and indented the text accordingly. Everything looks correct in the page layout editor, but the actual Word output still appears to have the same header width as before, so the line doesn't extend across the page and the newly-indented text is now indented further than it should be. Also, the line looks a lot skinnier in the Word output.
Image
kwag_myers
Propellus Maximus
Posts: 810
Joined: Wed Jul 25, 2012 11:36 am
Location: Ann Arbor, MI

Re: Horizontal line with gradient color

Post by kwag_myers »

All I can say is that I've yet to read a post in this forum from someone who was pleasantly impressed with Flare's Word output. Most users who need a Word output on a regular basis find it easier to generate a PDF, and from that convert to Word in Acrobat.
"I'm tryin' to think, but nothin' happens!" - Curly Joe Howard
awells12
Propeller Head
Posts: 70
Joined: Wed Sep 02, 2015 7:51 am

Re: Horizontal line with gradient color

Post by awells12 »

Everything looks correct in the PDF output so that may have to be the way to go (I even noticed some unwanted borders in my header and footer frame that weren't showing up in the Word output). Thanks for your help, everyone!
Image
Post Reply