Bug in 'page' view using box model

Freeway
1

Hi

There appears to be a bug with my FW. Does anyone else have the same problem:

I have created a big HTML item and then inserted a smaller HTML item into it. I’ve floated this ‘left’. Then I’ve double clicked in the big item and inserted another HTML item. I’ve floated this left as well.

I expected both inserted items to sit next to each other, i.e. aligned to the top of the parent item. But in FW Page view (design view) the items are staggered (see www.green-edge.org for a screen grab). It is as if the item is sitting under the carriage return.

It looks fine when previewed, i.e. the inserted items are aligned. But in design view it is a mess and I don’t know how I can use FW as a WYSIWYG design tool if it is going to do this.

Does anyone else suffer from this? Are there work arounds?

Mark

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

2

Yep this is common. You can either re-insert both boxes, one right after the other without pause, or you can try Shift/Delete key combo to change break. The second option working will depend on where you have the cursor.

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

3

But in design view it is a mess and I don’t know how I can use FW as a WYSIWYG design tool if it is going to do this.

Yeah, box modeling is not a WYSIWYG conduce endeavor. But once you get the hang of the process there many advantages to using it.

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

4

Hi

I’ve reinserted the items, one after the other without pause. The second item appears directly below the first (which isn’t what I want), so I’ve made the items float left, which they do, but they appear in FW to be staggered.

I’ve tried hitting shift delete, but it just deletes the item. Not sure what that is suppose to do?

This is nuts. Surely FW should be able to show my row of items aligned??

Mark

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

5

Hi Mark,

recognized this in your other google thread - isn’t it?

Try - as trial - the following:

  1. Draw an HTML-Item Maybe page width).
  2. Double click in it so you see the flashing cursor
  3. Choose over Menu: Insert → HTML-item, without any clicking somewhere else repeat this maybe 4-5 times.
  4. Click somewhere in the pasteboard.
  5. Select the first item, float to left, clear to left.
  6. Choose the second inserted, choose float left.

Repeat this for all items and tell me, what you can see.

If you really need the “wisdom of boxmodel”, please have a look on Dan Jasker’s 5 buck Screencast. It covers all questions and answers - the best five you ever invested.

After recommending this nearly a trillion times (included all private mails) I should ask Dan to get on his pay-roll :slight_smile:

I can’t see any bug - I do boxmodel daily.

Cheers

Thomas

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

6

Hi Thomas

I’ve done what you’ve said (and I’ve looked at Dan’s screencast - although in it he only deals with two inserted items, which can be floated left and right) and it doesn’t work.

The boxes are not aligned to the top of the parent item, but staggered down, see http://www.green-edge.org/ for a screen grab of what I see in FW. It seems to work OK when previewed.

On step five I did clear to ‘left’ and clear ‘none’ - didn’t make any difference (I guess I want clear ‘none’).

Any help would be great

Mark

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

7

Hi Mark,

I am very sure, that you’re doing something wrong within your construction. Look again how Dan is inserting those two boxes.

Another possibility would be that you skype me. I’d show you how I would do it (but please keep in mind, my spoken english is lousy) kimmich_digitalmedia is my skype name. I’m here within the next hour.

Cheers

Thomas

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

8

I think I see:

After inserting an HTML element you probably hit enter?

This is causing the stairways.

Do not hit any enter or what by doing step 3 !important. Insert the element via Freeway MenuBar Insert HTML, and repeat without any doing something else.

If you watch carefully how Dan is inserting those two boxes, it should be clear what I mean. Yes he’s doing two boxes, but proceed as I wrote. The first image in each row needs float and clear to left.

Cheers

Thomas

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

9

Try this: large DIV, double-click into it, Insert / HTML Item, set that item to float left. Next to that, also inline, Insert Graphic item. Set that to Align Left. Give both boxes a color. Note how they stagger vertically, but preview and see what you see.

Walter

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

10

I have come across this a few times - I find that it I insert an inline box give it the float attributes then duplicate it (cmd d), that works.

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

11

Hi Walter, Justin and Thomas

When previewed the inserted boxes are not staggered vertically. It looks fine. It is only in the FW page view that they appear staggered (and I’ve tried everything suggested).

What I don’t understand is, is this normal?

Thanks

Mark

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

12

It’s not normal, where by normal I mean “that’s what the authors of
Freeway had in mind”. In my mind, it is a bug in the design view. As
you have seen, it doesn’t affect the published code, but it breaks the
WYSIWYG model very sharply, and surprises the user, which is something
you tend to want to avoid when designing software.

But it doesn’t crash the application, or the browser, so it’s not a
ship-stopping bug, and it has been around for a very long time, which
leads me to think it’s either something people have learned to ignore,
or it’s not very high priority at Softpress Towers. I’ll file another
bug on it and see if we can get some traction on it. It bothers me, too.

Walter

On May 22, 2011, at 6:04 AM, Mark wrote:

Hi Walter, Justin and Thomas

When previewed the inserted boxes are not staggered vertically. It
looks fine. It is only in the FW page view that they appear
staggered (and I’ve tried everything suggested).

What I don’t understand is, is this normal?

Thanks

Mark

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

13

Hi,

have a look at this:

http://www.kimmich-dm.de/testings/inlinecontent.php

That’s my personal understanding of it and was what I meant in my reaction(s) above. I can’t see any bug - I see a just work.

I may fail - if so -sorry, but beyond this thread I long planned to do it. Not the best comments - I’m still a learner :slight_smile:

Cheers

Thomas

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

14

Arghhhhhhhhhhhhhhhhhhhh!

Hi Thomas

Thank you ever so much for the screen-cast, it is very helpful. I’ve done everything exactly as you said, and I still get the stepped down items (as shown at www.green-edge.org) within the FW page view.

However,

I’ve just created a new document and done exactly the same process and it works. The items are aligned within FW page view, meaning I can use FW as a WYSIWYG tool.

I have no idea why it works in a new document. Even when I change the new documents page alignment to centered it works.

Walter obviously has the same problem that I have encountered. This must be a bug.

Arghhhhhhhhhhhhhhhhhhhhh

I’ve just copied and pasted the working item from my new document to my old document and it has become staggered!

What is going on here?

I think I’ve identified the difference / fault.

My old document > within the Inspector pallet > Style Inspector (The ‘T’ in a circle) > there is a ‘p tag’ applied to the pages. When I remove this style from the page, the inflow items align as they should.

I have no idea why this would affect the page view within FW but it does. I’ve removed the p tag style from the page, because I don’t think it will make any difference to anything, will it?

I think we’ve sorted it.

Perhaps someone from FW should look into this. Like me, I’m sure a lot of users have been put off using inflow items because they don’t appear to work as they should.

Thanks for all your help

Mark

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

15

I think this one might goes under user error here.

That “p” tag should not be applied to any of your pages manually because it automatically affects the entire site without applying itself through the inspector in the first place. Kind of one of those styles that all browsers use and is recognized as a global style similar to a “body” tag.

What kind of settings are you using for the “p” tag? Typically I set up that tag to use text alignment and leading (which is correctly called line height in proper web terminology). Perhaps you have a goofy setting in there that is causing the difference in your publish view.

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

16

Open spoken - it would surprising me if Walter really has any problems - or we probably talking about two different persons.

Walter obviously has the same problem that I have encountered. This must be a bug.

My old document > within the Inspector pallet > Style Inspector (The ‘T’ in a circle) > there is a ‘p tag’ applied to the pages. When I remove this style from the page, the inflow items align as they should.

Well - I knew, that I never ever proper understood styles and stuff, but how the heck you applied a tag style to your entire page and removed it manually (visible in Inspectors “T”?

Isn’t it case, that a p-Tag is something “hidden”, that is applied automagic whenever I insert any lines without applying/changing any further styles to them (like H1, H2, Style123)???

Isn’t it case, that I only can apply name-styles pagewide what I’d never do anyway (cause I have the p-Tag or can have a body tag for this)?

I have no idea why this would affect the page view within FW but it does. I’ve removed the p tag style from the page, because I don’t think it will make any difference to anything, will it?

I built a trillions different box in box constructions yet and except of the 99% mistakes placed in front of the screen, I never run into troubles like this. I don’t want to deny any problems that might occur, but I cannot rebuilt this problem, cause in fact I can’t apply a p-tag to my entire page via inspector.

Could you clarify this - cause I’m really interest how a just work suddenly turns into a work but.

Cheers

Thomas

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

17

Hi Dan

I think this one might goes under user error here.

Maybe, but it is weird that it doesn’t work if there is a style applied to the page.

To be honest I don’t know how the p tag got applied to the page. I never use the Style Inspector and I don’t know why I would want to apply the p tag to a page.

What kind of settings are you using for the “p” tag? Perhaps you have a goofy setting in there that is causing the difference in your publish view.

I don’t think there is anything goofy:

Font: Helvetica
Six: 13px
Color: 666666
Language: English international
Leading: 19px
Space before: 0px
Space after: 0px

Cheers

Mark

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

18

Hi Thomas

it would surprising me if Walter really has any problems

Walter has written in this thread: "It’s not normal, where by normal I mean “that’s what the authors of Freeway had in mind”. In my mind, it is a bug in the design view. As you have seen, it doesn’t affect the published code, but it breaks the WYSIWYG model very sharply, and surprises the user, which is something you tend to want to avoid when designing software.

But it doesn’t crash the application, or the browser, so it’s not a ship-stopping bug, and it has been around for a very long time, which leads me to think it’s either something people have learned to ignore, or it’s not very high priority at Softpress Towers. I’ll file another bug on it and see if we can get some traction on it. It bothers me, too."

=======

As for inflow items, they don’t display in FW correctly if there is a style applied to the page. Try it. Go to Style Inspector (the ‘T’ in the Inspector pallet) > click the plus sign for the ‘page’ > select one of your paragraph styles… and hey-presto all the inflow items become staggered.

Cheers

Mark

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

19

Thomas

I’m just creating my home page, using your video to guide me.

I’ve just imported my first image into the first column. Where are the arrows in the middle of the image that allow me to position the image within the box? Normally I can “ctrl” click to get more options. And how do I set the JPEG compression and Alt text etc??

These controls are not available to me. If I go to the Inspectors pallet and change the item from HTML to JPEG the image disappears!

Thanks

Mark

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

20

Hi Mark,

this is just one possibility to apply images. Inserted it as background via Inspector needs to have prepared exactly to fit the box and does not need any further adjustments (I use Skitch for this - quick and cool).

The second possibility is to once click the box, hit cmd-E and insert it as pass-through.

Please keep in mind only doing this with .png, .jpeg and .gif not any other format - here as well: Images needs to be prepared.

Finally the third is double click into your box (flashing cursor) and insert a graphic item. There you can apply your image the same way you would do in the layered layouting.

So choose your weapon of desire.

Cheers

Thomas

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