For issues related to the current stable release please use it's own Help forum.
IMPORTANT:Please read this before using an git or nightly build version: wiki.webtrees.net/en/GIT

Before asking for help please read "How to request help" by clicking on that tab above here.

TOPIC: [SOLVED] Support for bigger monitors

Support for bigger monitors 8 months 2 weeks ago #1

  • Rheydter
  • Rheydter's Avatar
  • Offline
  • New
  • Posts: 9
Hi,
at the same time that i installed 2.0 i got a new 34" monitor. Then I saw everything squeezed in a relative small window
in the middle with a scroll bar at the bottom. I guess this is to make the application suitable for smaller screens on cellphones etc.
On the bigger monitor, i think, it´s a pitty to not use the space the monitor provides.

What do you think ?

Regards from Rheydter
Last Edit: 8 months 2 weeks ago by Rheydter. Reason: mistakes
The administrator has disabled public write access.

Support for bigger monitors 8 months 1 week ago #2

  • makitso
  • makitso's Avatar
  • Offline
  • Moderator
  • Posts: 437
Add this line to the style sheet in folder themes/_common/css-2.0.0. Set the percentage to anything you want.

@media (min-width: 1200px) {
.container {
max-width: 75%;
}
}
Rob
www.skatekey.net ( version 2.0.0 GitHub)
PHP 7.2.12, MySQL 5.6.40, Apache 2.2.9,
Hosted at tigertech.net
The administrator has disabled public write access.

Support for bigger monitors 8 months 1 week ago #3

  • Rheydter
  • Rheydter's Avatar
  • Offline
  • New
  • Posts: 9
Hi, thanks for your reply. I added the line as proposed, but nothing changed at all. Meanwhile i found this issue discussed in an other thread.
Last Edit: 8 months 1 week ago by Rheydter. Reason: mistakes
The administrator has disabled public write access.

Support for bigger monitors 8 months 1 week ago #4

  • jprause
  • jprause's Avatar
  • Online
  • Junior
  • Posts: 113
For me, on the contrary, Rob's advice works OK.
@Rheydter: can you point to the other thread you mention?
Josef

local desktop:-- webtrees 1.7.13, PHP version 7.2.10, MySQL 5.7.25, Apache2 2.4.29, Linux Ubuntu 18.04 64bit
webhosting:-- webtrees 1.7.13, PHP version 7.2.10, MySQL 5.7.21
The administrator has disabled public write access.

Support for bigger monitors 8 months 1 week ago #5

  • FransW
  • FransW's Avatar
  • Offline
  • New
  • Posts: 23
Wouldn't be much easier when support for widescreen monitors gets integreted in the standard themes of Webtrees?

I understand version 2 is still in alpha phase, but I really hope that soon also the themes get some attention...
Frans
The administrator has disabled public write access.

Support for bigger monitors 8 months 1 week ago #6

  • Rheydter
  • Rheydter's Avatar
  • Offline
  • New
  • Posts: 9
The administrator has disabled public write access.

Support for bigger monitors 8 months 1 week ago #7

  • makitso
  • makitso's Avatar
  • Offline
  • Moderator
  • Posts: 437
If your using chrome then do a shift f5 to clear the cache.
Rob
www.skatekey.net ( version 2.0.0 GitHub)
PHP 7.2.12, MySQL 5.6.40, Apache 2.2.9,
Hosted at tigertech.net
The administrator has disabled public write access.

[SOLVED] Support for bigger monitors 8 months 1 week ago #8

  • Rheydter
  • Rheydter's Avatar
  • Offline
  • New
  • Posts: 9
Problem solved.
The administrator has disabled public write access.
Do you need a web hosting solution for your webtrees site?
If you prefer a host that specialises in webtrees, the following page lists some suppliers able to provide one for you: 

[SOLVED] Support for bigger monitors 3 months 1 week ago #9

  • jprause
  • jprause's Avatar
  • Online
  • Junior
  • Posts: 113
@makitso: how can this css be applied in webtrees-2.0.0-alpha.5 ?
Josef

local desktop:-- webtrees 1.7.13, PHP version 7.2.10, MySQL 5.7.25, Apache2 2.4.29, Linux Ubuntu 18.04 64bit
webhosting:-- webtrees 1.7.13, PHP version 7.2.10, MySQL 5.7.21
The administrator has disabled public write access.

[SOLVED] Support for bigger monitors 3 months 1 week ago #10

  • HRN
  • HRN's Avatar
  • Offline
  • Senior
  • Posts: 325
public/css/vendor.min.css
webtrees 1.7.14 at visitusinmaputo.com/webtree PHP 7.2.9 (Modules: vytux_cousins, vytux_pages, fancy_treeview, ancestral-fan-chart)
webtrees 2.0 dev on local WampServer PHP 7.3.1
The administrator has disabled public write access.

[SOLVED] Support for bigger monitors 3 months 1 week ago #11

  • makitso
  • makitso's Avatar
  • Offline
  • Moderator
  • Posts: 437
@jprause If your only using one theme then you can add the code to the theme.min.css file in /public/css.
If you want to have these style changes apply to all themes then that is a bit ore complex. I suggest you look at github.com/makitso/common.css for guidance.

or, you can place the code in public/css/vendor.min.css as @HRN suggested
Rob
www.skatekey.net ( version 2.0.0 GitHub)
PHP 7.2.12, MySQL 5.6.40, Apache 2.2.9,
Hosted at tigertech.net
Last Edit: 3 months 1 week ago by makitso.
The administrator has disabled public write access.

[SOLVED] Support for bigger monitors 3 months 1 week ago #12

  • jprause
  • jprause's Avatar
  • Online
  • Junior
  • Posts: 113
Thank you both for useful hints!
Josef

local desktop:-- webtrees 1.7.13, PHP version 7.2.10, MySQL 5.7.25, Apache2 2.4.29, Linux Ubuntu 18.04 64bit
webhosting:-- webtrees 1.7.13, PHP version 7.2.10, MySQL 5.7.21
The administrator has disabled public write access.

[SOLVED] Support for bigger monitors 3 months 1 week ago #13

  • fisharebest
  • fisharebest's Avatar
  • Offline
  • Administrator
  • Posts: 11117
There will (soon) be a way to add custom CSS and JS using the control panel.

Maybe next week.
Greg Roach - This email address is being protected from spambots. You need JavaScript enabled to view it. - fisharebest.webtrees.net
The administrator has disabled public write access.

Support for bigger monitors 2 months 3 weeks ago #14

  • Theo
  • Theo's Avatar
  • Offline
  • New
  • Posts: 20
Where can i find or get the (new) update?
Just installed the latest alpha but no changes.

For now i did the following in file .\public\css\vendor.min.css.

In stead of current settings

@media (min-width:576px){.container{max-width:540px}} -/- 36
@media (min-width:768px){.container{max-width:720px}} -/- 48
@media (min-width:992px){.container{max-width:960px}} -/- 32
@media (min-width:1200px){.container{max-width:1140px} -/ -60

These setting (from 768 more in line with screen sizes. See url en.wikipedia.org/wiki/Graphics_display_resolution )
Include also laptop screens.

@media (min-width:576px){.container{max-width:540px}} * comment -/- 36
@media (min-width:768px){.container{max-width:720px}} * comment -/- 48
@media (min-width:1024px){.container{max-width:974px}} * comment -/- 50
@media (min-width:1280px){.container{max-width:1220px}} * comment -/- 60
@media (min-width:1400px){.container{max-width:1340px}} * comment -/- 60
@media (min-width:1600px){.container{max-width:1540px}} * comment -/- 60
@media (min-width:1680px){.container{max-width:1620px}} * comment -/- 60
@media (min-width:1920px){.container{max-width:1860px}} * comment -/- 60
@media (min-width:2560px){.container{max-width:2500px}} * comment -/- 60

For the following resolutions i have never a full screen window (as far as i noticed with my current screens on several different workplaces).

3200
3840
5120
6400
7680

The scaling improves much better for larger screens and in general it is more fluid when scalling down or up the windows webtree in the browser.
doe al 40 jaar genealogisch onderzoek (opgeslagen in Dbase 3.x, 4.x, 5,x en 7.x en niet compatibel met GEDCOM :-((
The administrator has disabled public write access.
Powered by Kunena Forum