Flare in Action!

This forum is for all Flare issues not related to any of the other categories.

Re: Flare in Action!

Postby doc_guy on Thu Feb 26, 2009 10:33 am

Dave, I LOVE your output. That looks AWESOME. Does it work in all browsers? Is the MINI-TOC in a DIV? Do you do printed output, and how does it look in printed output (PDF)?
User avatar
doc_guy
Propellus Maximus
 
Posts: 1844
Joined: Tue Nov 28, 2006 11:18 am
Location: Crossroads of the West

Re: Flare in Action!

Postby Dave Lee on Thu Feb 26, 2009 12:48 pm

doc_guy wrote:Dave, I LOVE your output. That looks AWESOME. Does it work in all browsers? Is the MINI-TOC in a DIV? Do you do printed output, and how does it look in printed output (PDF)?


Yep, it works in all browsers. The miniTOC isn't in a div, I just set all the styles in MadCap|miniTocProxy - that sets the border, background, floats it on the right, and the "In this section text" and icon is added using an autonumber format (and class). The topic icons next to the links are set using in the p.MiniTOC1 style.

I use a div for the "See also" box underneath, which is in the topic itself. It uses the same styles, and again the heading and icon are put in using an autonumber format.

It should work in print, but Flare has a few issues with the float right property (it seems to effect other styles on the page to the left of the box, like list numbers not displaying). So in practice I can't use the float property in print, which is a bit annoying.
Dave Lee
Master Propellus Maximus
 
Posts: 5399
Joined: Mon Mar 05, 2007 8:33 am
Location: UK

Re: Flare in Action!

Postby doc_guy on Thu Feb 26, 2009 3:31 pm

How did you get a custom topic to appear when a search was done?
User avatar
doc_guy
Propellus Maximus
 
Posts: 1844
Joined: Tue Nov 28, 2006 11:18 am
Location: Crossroads of the West

Re: Flare in Action!

Postby Dave Lee on Fri Feb 27, 2009 2:02 am

doc_guy wrote:How did you get a custom topic to appear when a search was done?


It's an option in the CSH, e.g. for the URL method you'd pass the search term and the identifier of the topic to display - Help_CSH.htm?<search term>#<identifier>
Dave Lee
Master Propellus Maximus
 
Posts: 5399
Joined: Mon Mar 05, 2007 8:33 am
Location: UK

Re: Flare in Action!

Postby doc_guy on Mon Mar 02, 2009 2:52 pm

So that topic doesn't shop up if users click the "Search" accordion bar? Only if they click a search link that you've set up with CSH?
User avatar
doc_guy
Propellus Maximus
 
Posts: 1844
Joined: Tue Nov 28, 2006 11:18 am
Location: Crossroads of the West

Re: Flare in Action!

Postby Dave Lee on Mon Mar 02, 2009 11:58 pm

doc_guy wrote:So that topic doesn't shop up if users click the "Search" accordion bar? Only if they click a search link that you've set up with CSH?


Yep, that's right.

(I don't use a search 'link' as such though, the application has a search box on the toolbar which makes the CSH call.)
Dave Lee
Master Propellus Maximus
 
Posts: 5399
Joined: Mon Mar 05, 2007 8:33 am
Location: UK

Re: Flare in Action!

Postby Lucia on Tue Mar 03, 2009 4:29 am

Dave,

When you say


The background image is set in a master page, using a body class. The master page contains a div tag (set to be semi-transparent), and this div contains the topic body. Then I just set any 'special' topics to use this master page.

1. Copy and paste these styles into your stylesheet.

Code: Select all
html.startPage
{
   mc-master-page: url('../MasterPages/Start.flmsp');
}

body.startPage
{
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   background-image: url('../Images/StartBackground.png');
   background-position: left bottom;
   background-repeat: no-repeat;
   background-attachment: fixed;
}

div.startPage
{
   background-color: #ffffff;
   filter: alpha(opacity=95);
   opacity: 0.95;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   border-color: #c0c0c0;
   border-width: 1px;
   border-style: solid;
   width: 85%;
   margin-left: 5%;
   margin-top: 5%;
   margin-right: 5%;
}




where exactly do you mean to paste this code?

Thank you very much
Lucia
Lucia
Propeller Head
 
Posts: 58
Joined: Mon Oct 27, 2008 6:22 am
Location: Blumenau SC Brazil

Re: Flare in Action!

Postby Dave Lee on Tue Mar 03, 2009 5:07 am

Lucia wrote:where exactly do you mean to paste this code?


In your stylesheet (CSS file).
You need to open it in the text editor, i.e. right-click the file and select Open with > Internal text editor.
Dave Lee
Master Propellus Maximus
 
Posts: 5399
Joined: Mon Mar 05, 2007 8:33 am
Location: UK

Re: Flare in Action!

Postby Lucia on Tue Mar 03, 2009 5:33 am

Thanks a lot, Dave, it worked :!:
Lucia
Lucia
Propeller Head
 
Posts: 58
Joined: Mon Oct 27, 2008 6:22 am
Location: Blumenau SC Brazil

Re: Flare in Action!

Postby nfberg on Wed Mar 18, 2009 9:08 am

Or first Help for our first product, still very much a work in progress...but I'm getting there.

http://www.drivethruonline.com/help/dto ... index.html
http://www.drivethruonline.com
Drive Thru Online - Supercharging vBulletin
nfberg
Propeller Head
 
Posts: 31
Joined: Mon Jun 09, 2008 1:01 pm
Location: Plano, TX

Flare in Action

Postby pdxwordsmith on Mon Mar 23, 2009 12:34 pm

I'm interested in how to accomplish the Next Topic/Previous Topic in this example. Anyone?

Richard Ferrell wrote:Palo Alto Software

Check out another Great Examples of Flare in Action at

http://www.hurdlebook.com/

Thanks to Sara@PAS
Hanna

Flare 6.1.0, WebHelp, PDF, and Word targets, sometimes import from FM 8.0p277 and 9.0p196
Submit bugs and feature requests here: http://www.madcapsoftware.com/bugs/submit.aspx
pdxwordsmith
Sr. Propeller Head
 
Posts: 100
Joined: Thu Oct 30, 2008 2:12 pm
Location: Portland, OR

Re: Flare in Action!

Postby RamonS on Tue Mar 24, 2009 4:16 am

Either a lot of manual work or some scripting that reads the index for each page and crafts the buttons. I looked at the page source, but I have no clue about ECMAScript, so I cannot tell.
RamonS
Senior Propellus Maximus
 
Posts: 4272
Joined: Thu Feb 02, 2006 9:29 am
Location: The Electric City

Re: Flare in Action

Postby nfberg on Wed Mar 25, 2009 9:38 am

pdxwordsmith wrote:I'm interested in how to accomplish the Next Topic/Previous Topic in this example. Anyone?

Richard Ferrell wrote:Palo Alto Software

Check out another Great Examples of Flare in Action at

http://www.hurdlebook.com/

Thanks to Sara@PAS


We mimicked them in our projects.

After scraping the buttons from the site we modified them in an image editor to match our look and feel.

To place them we used a table then insert the buttons and finally link them by hand. Quite a bit of work in a big project but since we have small projects with limited numbers of topics it's not bad.

I tried going the snippet route with the table and found that I could not create the unique links each button requires.

Code Example:

Code: Select all
<table style="margin-left: auto; margin-right: 0;">
            <tbody>
                <tr MadCap:conditions="dto_conditions.Admin">
                    <td><a href="../1_Administrator/vbseo.htm"><img src="../Resources/Images/Previous_Page_button.png" /></a>
                    </td>
                    <td><a href="bbcode.htm"><img src="../Resources/Images/Next_Page_button.png" /></a>
                    </td>
                </tr>
            </tbody>
        </table>
http://www.drivethruonline.com
Drive Thru Online - Supercharging vBulletin
nfberg
Propeller Head
 
Posts: 31
Joined: Mon Jun 09, 2008 1:01 pm
Location: Plano, TX

Re: Flare in Action

Postby LTinker68 on Wed Mar 25, 2009 10:48 am

nfberg wrote:I tried going the snippet route with the table and found that I could not create the unique links each button requires.

Do you mean the link changes every time, or do you mean the path to the link? If you create a snippet and it points to an image file, then it doesn't matter where the topic you insert the snippet into is located because the snippet contains the path information to the graphic; the topic itself doesn't hold the info, so it doesn't matter if the topic is in the root folder or one folder deep or five folders deep (although I wouldn't create a folder system that deep).
Image

Lisa
Eagles may soar, but weasels aren't sucked into jet engines.
Warning! Loose nut behind the keyboard.
LTinker68
Master Propellus Maximus
 
Posts: 7245
Joined: Thu Feb 16, 2006 9:38 pm

Re: Flare in Action!

Postby nfberg on Fri Mar 27, 2009 12:20 pm

I tried to create both the previous and next links to the snippet and found I could not easily add two hyperlinks in the correct area. I did not creating an image out of the snippet. This is somethign I can try to do when i have some more time.
http://www.drivethruonline.com
Drive Thru Online - Supercharging vBulletin
nfberg
Propeller Head
 
Posts: 31
Joined: Mon Jun 09, 2008 1:01 pm
Location: Plano, TX

Re: Flare in Action!

Postby beagley on Mon Jul 20, 2009 12:36 pm

Whoops. Posted a new thread and then found this one. Eeep.
Anyway:

My company's Flare Web Help is now alive and online:

http://learn.pcc.com/

Comments and critiques are heartily devoured!

All the best,
Douglas
beagley
Sr. Propeller Head
 
Posts: 182
Joined: Tue May 06, 2008 1:33 pm
Location: Vermont

Re: Flare in Action!

Postby Robotman on Tue Dec 22, 2009 9:47 pm

It's been a while since some new flare in action sites have popped up - anymore available that can be shown to the public?
(unfortunately our company can't)
\m/ Gary \m/
Flare 2017 r2 / Windows 10 64-Bit
Screaming Symphony
Robotman
Sr. Propeller Head
 
Posts: 183
Joined: Sat Mar 04, 2006 3:05 am
Location: Melbourne, Australia

Re: Flare in Action!

Postby Eric Lachance on Wed Jun 30, 2010 11:21 am

I'm fairly proud of my own, which took me (alone) about a month to write from scratch for a brand new software (which, incidentally, only took 3 months to build by our dev. team). The theme was kept as-is due to time constraints, but the colours fit with the software anyway so it's not that big of a deal.

The documentation itself is available at http://www.objectiflune.com/Documentati ... ser-guide/

The software itself is http://www.ppenvelopenow.com/ . I would have like the doc to be on the same domain but time was limited.
Eric Lachance
Technical Trainer
Objectif Lune Inc.
Eric Lachance
Sr. Propeller Head
 
Posts: 127
Joined: Thu May 13, 2010 11:51 am
Location: Montreal, Quebec, Canada

Re: Flare in Action!

Postby giri2010 on Thu Sep 23, 2010 5:18 am

Dave, I am new to Flare (started off with version 6) and was going through the forum when I found this excellent piece. I am unable to add the "In this section text" - should this be part of the autonumber format in MadCap|miniTocProxy? If so I don't see it in the output. Or do I need to create an autoformat class? I don't have any HTML knowledege so would appreciate it if you can share the code (and steps) I would need to get the "In this section" part.

Thanks!
Giri

Dave Lee wrote:
doc_guy wrote:Dave, I LOVE your output. That looks AWESOME. Does it work in all browsers? Is the MINI-TOC in a DIV? Do you do printed output, and how does it look in printed output (PDF)?


Yep, it works in all browsers. The miniTOC isn't in a div, I just set all the styles in MadCap|miniTocProxy - that sets the border, background, floats it on the right, and the "In this section text" and icon is added using an autonumber format (and class). The topic icons next to the links are set using in the p.MiniTOC1 style.

I use a div for the "See also" box underneath, which is in the topic itself. It uses the same styles, and again the heading and icon are put in using an autonumber format.

It should work in print, but Flare has a few issues with the float right property (it seems to effect other styles on the page to the left of the box, like list numbers not displaying). So in practice I can't use the float property in print, which is a bit annoying.
giri2010
Jr. Propeller Head
 
Posts: 1
Joined: Thu Sep 23, 2010 5:03 am

Re: Flare in Action!

Postby Dave Lee on Thu Sep 23, 2010 5:50 am

giri2010 wrote:Dave, I am new to Flare (started off with version 6) and was going through the forum when I found this excellent piece. I am unable to add the "In this section text" - should this be part of the autonumber format in MadCap|miniTocProxy? If so I don't see it in the output. Or do I need to create an autoformat class? I don't have any HTML knowledege so would appreciate it if you can share the code (and steps) I would need to get the "In this section" part.

Thanks!
Giri


Yes, it's an autonumber format, but I couldn't get it to work for the MadCap|miniTocProxy style - Flare doesn't seem to copy any autonumber properties through into the output.

I added it by setting it on the style used by Flare for the mini-TOC in the generated output - div.MCMiniTocBox.

Code: Select all
div.MCMiniTocBox
{
   mc-auto-number-format: 'In this section';
}
Dave Lee
Master Propellus Maximus
 
Posts: 5399
Joined: Mon Mar 05, 2007 8:33 am
Location: UK

Re: Flare in Action!

Postby stephencavers on Mon Sep 27, 2010 10:15 am

This is my first web help site built using Flare 6. It's pretty vanilla-flavoured but it all works, as far as I know. There is also a toolbar link to a PDF version of the same guide, which also generated using Flare.

http://www.sparkintegration.com/systembuildermanual/

Overall, I'm pretty pleased with Flare.
stephencavers
Jr. Propeller Head
 
Posts: 9
Joined: Tue Sep 14, 2010 1:51 pm

Re: Flare in Action!

Postby SteveS on Mon Sep 27, 2010 4:04 pm

Well done, and welcome to the forums! 8)

Couldn't see the link to the pdf...

Nothing wrong with vanilla, I like a simple system. The last thing you want to do is distract the user from the content with too much eye candy.
Image
Steve
Life's too short for bad coffee, bad chocolate, and bad red wine.
SteveS
Propellus Maximus
 
Posts: 1929
Joined: Tue Mar 07, 2006 5:06 pm
Location: Adelaide, far side of the world ( 34°56'0.78\"S 138°46'44.28\"E).

Re: Flare in Action!

Postby GregStenhouse on Tue Sep 28, 2010 2:26 pm

stephencavers wrote:This is my first web help site built using Flare 6. It's pretty vanilla-flavoured but it all works, as far as I know. There is also a toolbar link to a PDF version of the same guide, which also generated using Flare.

http://www.sparkintegration.com/systembuildermanual/

Overall, I'm pretty pleased with Flare.


I really like it, nice work! Thanks for posting
GregStenhouse
Sr. Propeller Head
 
Posts: 330
Joined: Tue May 13, 2008 3:27 pm
Location: Christchurch, New Zealand

Re: Flare in Action!

Postby th3el on Wed Feb 23, 2011 2:19 pm

My web-developer incorporated my Flare projects into this website, which has just gone live and is entering Stage-2 development.

http://thee-online.com

The main Flare project is reached by clicking on The Hub or Frameworks.
(It requires registration to get access. Sorry about that. But the process is as painless as we could make it.)

I appreciate the tolerance for my crass ignorance and ineptitude that was shown by the MadCap support staff who have been and are unfailingly helpful and polite. It wouldn't have happened without them.

WarrenK@th3el.com
Contact me at: warrenk@th3el.com
th3el
Jr. Propeller Head
 
Posts: 3
Joined: Tue Jan 19, 2010 6:51 am

Re: Flare in Action!

Postby Paul Griffiths on Sat Apr 09, 2011 1:20 am

Warren, it looks terrific! You seem to have taken the Flare output and super-charged it. Well done.
Paul Griffiths
Sr. Propeller Head
 
Posts: 239
Joined: Wed Apr 18, 2007 2:25 am
Location: Nottingham, UK

PreviousNext

Return to Flare's General Discussion

Who is online

Users browsing this forum: No registered users and 8 guests