[Pro] Adding black tints to table cells

Is it possible to add a tint of black to table cells? I’m doing a multi-row table that I’d like to alternate cell fills… plain white/10% black, plain white/10% black, etc. I can make the cells solid black but don’t see any opacity option.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You’ll have to make a PNG image that’s 10% opacity, and apply it as a
background image, or create an RGBA color using the Extended sub-
dialog in the Edit Style dialog. In either case, only standards-
compliant browsers (and fairly modern versions of those) will be able
to appreciate this detail. Now you would do this if you wanted the
background to show through the tint, but if all you want is to make
your background light gray, you can simply choose a light gray from
the palette of colors. That way all browsers, young and old, will be
able to see the color.

If you click on the cog icon in the Styles palette, and choose New
Style, you can create the rgba color very easily and test it out. Just
make a new style with the Name set to gray or whatever you like, and
then click the Extended button, and then New in the resulting sub-
dialog. In the sub-sub-dialog that appears, enter:

  • Name: background-color
  • Value: rgba(0,0,0,0.1)

Okay out of the teetering stack of dialogs, and then hover your mouse
near the left edge of your table, near one of the rows you want to
stripe. When you see the cursor turn into a fat right-arrow, click.
The entire row will be highlighted. Click on your new style in the
Styles palette. You shouldn’t see anything in the design view in
Freeway, but when you click on Preview, you’ll see your stripe.

Walter

On Mar 5, 2011, at 11:35 PM, peterpica wrote:

Is it possible to add a tint of black to table cells? I’m doing a
multi-row table that I’d like to alternate cell fills… plain white/
10% black, plain white/10% black, etc. I can make the cells solid
black but don’t see any opacity option.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks! There was no light grey in the FW color pallet so I had to make one in photoshop to get the values; then I was able to plug in.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Next time, stay in Freeway and do this:

  1. On the Colors pallet click the cog wheel and choose New Color.

  2. On the new pallet that opens click the Colorwheel at the bottom right.

  3. You will now see a pallet with a choice of HSB, Greyscale, RGB, etc. where you can mix any shade of grey or colour you wish, using sliders. Plus additional pallets, such as Crayons and a Colorwheel, that you may have on your system.

Just OK your choice and you’re in business. Your new colour will appear in the FW Colors pallet and can be chosen for cell backgrounds, borders, image backgrounds and what you will, in the normal way.

HTH Colin

On 6 Mar 2011, at 13:59, peterpica wrote:

Thanks! There was no light grey in the FW color pallet so I had to make one in photoshop to get the values; then I was able to plug in.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

GA DOY!

Tx.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 6 Mar 2011, at 13:59, peterpica wrote:

hanks! There was no light grey in the FW color pallet so I had to make one in photoshop

As a matter of interest, while choosing new colours in Freeway there’s a button to press to get the OS X system-wide colour picker where you can make any colour you like.

best wishes,

Paul Bradforth

Buy my eBooks at:
http://www.paulbradforth.com/books/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

THANKS!

Got it.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

There is also an action called ‘Table Bars’ that can automate the process of colouring alternate rows Table Bars - ActionsForge

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Haven’t gotten into actions at all. Thanks for tip.

Isn’t there an action that will automatically adjust all elements vertically depending on different browsers?

Also, I did a CSS menu bar that automatically created additional pages… isn’t the linking supposed to be automatic too? It isn’t.

???


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Have to take back that CSS menu problem… I ‘reset’ Safari’s cache and all’s fine now.

Sorry for the bad post.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m a year and 3 months late to this thread, but I’d like to offer feedback on the suggestions presented.

I too wanted to add alternating “semi-transparent” row fills to my table today, without being forced to use PNGs. Walter’s RGBA hack almost saved the day.

(I’m also grouchy about it not being WYSIWYG. But as with most other FW hacks, I’m not surprised either. It’s just that when you have a very long table and you are desperately trying to color every other row, you sometimes looks track because your doing it blind. This forces you to Preview after every couple rows you do. It’s a pain in the booty!)

I verified the RGBA Style trick works in Chrome 20 (Mac & WinXP), FireFox 13 (Mac), FireFox 7 (WinXP) & Safari 5.1.7 (Mac).

Sadly, the worlds most popular and idiotic browser falls completely flat. I verified all flavors: EI6 (WinXP), IE7 (WinXP) & IE9 (Win7). None of the row fills show up at all. And since most people still use that silly browser, it means we need another trick specifically for Explorer.

I Googled up a website that spoke of “fall back code.” After a bit of trial and error, I came up with the following STYLE that sort-of works:

Name: background-color
Value: rgb(220, 220, 220); background-color:rgba(0,0,0,0.09);

(That’s 9% Black, which is a very light gray.)

Interestingly, that STYLE code gets IE9 (Win7) to display my semi-transparent row fills! IE8 (WinXP) uses the solid color fall-back. But sadly, IE6 & IE7 still don’t show any row fill colors at all.

Not one to be satisfied with something less than perfection, I toyed with a fall-back to PNGs. This resulted in an almost perfect solution:

Name: background
Value: transparent url(http://www.kiramek.com/japanese/products/NinePercentBLK.png); background:rgba(0,0,0,0.09) none;

(I applied the Extra Resources Action to my page, to upload my PNG files.)

Transparency now works in IE7 and IE8 via the PNG, and all other browsers (except IE6) via the RGBA line. IE6 produces dark, opaque fills for some reason. It’s odd because I am able to get other PNGs to display in IE6 (e.g., the arrows used in my CSS Menus). Not sure what’s wrong there, but IE6 is the only browser that doesn’t display my semi-transparent row fills as intended.

You can see the final result at the bottom of my Japanese web page here:

I hope this helps some of you who follow in my footsteps.


I’d also like to add that the Table Bars action would certainly be more convenient to accomplish this task, but that Action has the following problems:

  1. It’s not WYSIWYG until you Preview. I for one don’t like that at all. (It’s such a common thing for we Table builders to add alternating row fill colors that this really should be built into Freeway, eliminating the Action, and giving us WYSIWYG.)

  2. You cannot use the RGBA trick with the Action to get transparent row fills. (Too bad!)

  3. It seems to have a Bug (at least, it does in FW 5.6.4). When I sketch a CSS table, apply the action to it, assign a Headline via Menu color, assign a Color1 by Menu, and then leave Color2 by Menu set to None, upon Preview I get a bright green color where Color2 would be.

–James Wages


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options