Web Project layout, font, screen width, etc.

[pfarrell]

When I create a Web Project, the resulting HTML displays in a very large font and the long lines of text do not automatically resize when the browser window size is changed.

My guess is that this is specified in the various CSS sheets. My CSS hacking fu is pretty rusty.

Is there a user-friendly GUI way to make the generated HTML be more responsive, use a smaller font, and automatically resize?

thanks
-- pat

[Dardel]

Re: Web Project layout, font, screen width, etc.

When I create a Web Project, the resulting HTML displays in a very large font and the long lines of text do not automatically resize when the browser window size is changed.

My guess is that this is specified in the various CSS sheets. My CSS hacking foo is pretty rusty.

Is there a user-friendly GUI way to make the generated HTML be more responsive, use a smaller font, and automatically resize?

Perhaps you should show us your HTML pages so we can consider how to help you improve them.

[pfarrell]

Re: Web Project layout, font, screen width, etc.

Perhaps you should show us your HTML pages so we can consider how to help you improve them.

Sorry, I don't understand this. The pages are as-is, generated by Reunion. I've changed nothing from the output of Reunion. Just click on Reunion -> reports -> web project and great the web project. If you want to see mine, which are exactly as you could do, go to

http://www.pfarrell.com/genealogy/internettree/index.htm

Long ago, say 15 to 20 years ago, it was common to generate fixed sized HTML pages for complex layouts. The standard Home Card or Family View page that Reunion generates is typical of a moderately complex layout.

But in today's world, the devices screens vary radically, from tiny cell phones up to large TV screens. The solution is what the technologists call "responsive design" using CSS that can work by resizing fonts and layout to reflect the capabilities of the user's devices.

[Mark]

Re: Web Project layout, font, screen width, etc.

Is there a user-friendly GUI way to make the generated HTML be more responsive, use a smaller font, and automatically resize?

No. This would require manually editing the CSS and potentially the HTML.

The changes you're looking for would essentially require a complete redesign/rewrite of the web project feature, which is not currently in our plans -- though we can add it to the wish list for consideration.

[pfarrell]

Re: Web Project layout, font, screen width, etc.

No. This would require manually editing the CSS and potentially the HTML.

Which is why I really don't want to do it myself by hand.

You've got a complex, table-like layout, getting all the CSS right is not something for the casual user.

I can edit HTML using any editor, but its not like I enjoy doing it.

The changes you're looking for would essentially require a complete redesign/rewrite of the web project feature, which is not currently in our plans -- though we can add it to the wish lst for consideration.

I think it belongs on the wishlist for a future version. Modern websites must be "responsive design" I expect it will take a bit of thinking to implement.

The good news is that I only want standard responsive design. I really don't want to design my own fonts and CSS

[Bill Guion]

Re: Web Project layout, font, screen width, etc.

Sorry, I don't understand this. The pages are as-is, generated by Reunion. I've changed nothing from the output of Reunion. Just click on Reunion -> reports -> web project and great the web project. If you want to see mine, which are exactly as you could do, go to

http://www.pfarrell.com/genealogy/internettree/index.htm

I just looked at your page and it looks just fine to me. The font is not too large. (And all the links worked well.)

I suspect the problem may lie with your web browser settings. Try looking at the web site with another browser.

-----===== Bill =====-----

[theKiwi]

Re: Web Project layout, font, screen width, etc.

I just looked at your page and it looks just fine to me. The font is not too large. (And all the links worked well.)

I suspect the problem may lie with your web browser settings. Try looking at the web site with another browser.

-----===== Bill =====-----

This discussion is about viewing things not on a computer based browser.

Did you look on something like say an iPhone 5 as I have just done?

In Portrait mode the text is barely readable, and the links are impossible to tap on with a finger.

Roger

[pfarrell]

Re: Web Project layout, font, screen width, etc.

I just looked at your page and it looks just fine to me. The font is not too large. (And all the links worked well.)

That is actually my complaint. The created web pages are designed to look good on a PC or Mac desktop screen. I don't have a giant IMac with a 30+ inch screen, but I bet it looks bad on that, as well as iPads, Android tablets, iPhones and Android phones, etc.

Desktops are dying, the world is going mobile.

Google has published that they will down-grade the search results for websites that are not mobile friendly. Having good search results for my family's record is why I have the website. So getting down-graded is a big lot of no good

[Dennis Nolan]

Re: Web Project layout, font, screen width, etc.

The layout is effected by the character size.
In your case I would reduce the character size using Ctrl -
That is press down the control key and while continuing to press the control key, press the minus key.
Repeat until the page displays correctly.
To increase the character size use the Ctrl + combination.
Mac users use the Command key instead of the Control key

[pfarrell]

Re: Web Project layout, font, screen width, etc.

The layout is effected by the character size.
In your case I would reduce the character size using Ctrl -
That is press down the control key and while continuing to press the control key, press the minus key. Repeat until the page displays correctly. To increase the character size use the Ctrl + combination. Mac users use the Command key instead of the Control key

Thanks, but you are missing a key point. Its not that I want to just reduce the font on my MacBook when I look at the pages. Rather I want to have the webpages that are generated use what the industry calls "responsive design" so that the pages look good and are sized automatically for whatever device a user of my report is on. This means obviously Macs and Windows PCs, but also IOS and Android devices ranging from 4 inches up to 35 inches or more.

Come to think of it, I should try using the browser in my Apple TV on my 48" TV and see how it looks. I expect it will be pretty ugly.