[WB2014] difference in preview html/css tab

[viking]

Hi

I have two tabs open: index.html and stylesheet.css

I have noticed that there is a difference in how a page looks if I pre-view (hitting F2) it from the HTML tab and the CSS tab - can this be right ?

To me it shouldn't make any difference whether a page was pre-viewed from one or the other, however, I could easily imagine that there is more to it than I'm aware of !

[Karlis]

Yes, when you preview HTML file, you see the HTML file, but when you preview CSS file, it usually shows just a list of CSS selector previews (unless you have explicitly selected other file to be used as a preview when previewing CSS).

[viking]

Yes, when you preview HTML file, you see the HTML file, but when you preview CSS file, it usually shows just a list of CSS selector previews (unless you have explicitly selected other file to be used as a preview when previewing CSS).

Hi

I just knew that there was more to it !

As I'm not very experienced in coding in HTML and CSS, so I'm not sure whether or not I would dare tampering with this setting, however, I know that when I wish preview what I have made so far, I'm expecting to see to the page and not how the CSS looks when it is separated from the HTML which holds it together.

Maybe I should try to tamper with the preview settings after all...

---------EDIT------------

Hi

I have tried to figure out how to switch my preview file, so I avoid looking at the CSS-file when previewing my work in order to save the amount of clicking on the tabs in order to make sure I preview from the correct tab, however, I haven't been successful in finding out how to do this myself - I have even resorted to consult the online manual, but so far I still haven't been able to find the answer...

Would you be so kind and post some instruction or at least point me in the right direction - thank you in advance.

[Aivars]

You need to click this button



and select the html file that uses CSS that you are editing.

[viking]

You need to click this button



and select the html file that uses CSS that you are editing.

Hi

Thank you for pointing me in the right direction, however, clicking on the folder icon opens a window with an empty folder !

Here is the path: C:\Users\Henrik\AppData\Roaming\Blumentals\WeBuilder\settings\colors

After a bit of tampering I managed to get it to open my project folder C:\Users\Henrik\testproject - (here I have my index.html file)

However, even though I select my index.html and click on open, the preview I get is still from the generated prev0~ file

When I delete the prev0~file it just get regenerated whenever I try to make a preview and so I'm still left with the preview of the CSS file which is not at all usable.

I'm pretty positive that I'm not doing anything wrong, but even so I recognize that there is a chance that the error can be the person in front of the desk (that would be me !).

[Aivars]

After you select your file, click on the arrow next to Generate Preview File and select it. I don't know why that doesn't happen automatically, I'll have to ask.

[viking]

After you select your file, click on the arrow next to Generate Preview File and select it. I don't know why that doesn't happen automatically, I'll have to ask.

Hi

1. I opened the preview tab in my stylesheet.css tab

2. I clicked the "open preview file" icon (the folder icon) and browsed to the folder where my index.html is located and selected it.

3. I clicked the refresh preview icon.

My result was that the preview still wasn't of the index.html file I had specified !

I went back to my stylesheet.css tab and clicked on the dropdown situated to the left of the "open preview file" icon and there I found this:

C:\Users\Henrik\Documents\webproject\index.html

I selected this from the dropdown and cliked on the refresh preview icon and now I could get it to work.

The result is that now I'm able to preview my work without having to worry about whether or not I'm on the right tab (index.html or stylesheet.css) as I will always get a preview of the index.html which is what I wanted ! - I hope that this little tweak will prevent me from getting confused about the look of my work, because I didn't pay enough attention to if I was on the index.html or the stylesheet.css tab when I hit the F2 key

The bottomline is that thanks to your outstanding support to help me Aivars I can now continue to use the software which I'm really begin to love using.