differences between windows and linux for the tutorial design

[flj]

I created a wt design using wt designer using windows (following the tutorial). However, opening it on linux it seems to give different results. In particular, the calculator rows are no longer rows, they are all stacked. I am bit puzzled by this as it just references bootstrap 3 which should be the same under windows and linux.

in particular,

btn-group btn-group-justified does not "justify" on Linux.

Am I missing something?

Cheers

[juangburgos]

Did you know WtDesigner also spawns a local webserver? Meaning you could also access your design with any web browser (e.g. Chrome, Firefox, etc.). By default you access it on the address 127.0.0.1:8081 (this can be changed in the 'TCP Server' in the settings menu).

Why don't you try viewing your design with the same browser, let's say Chrome, both on Windows and Linux. See if you get different results.

In general, front-end design is a challenge because you need to make sure your design works for all oprating systems, all browsers, all different versions of the same os's and same browsers, all types of desktop and moble devices and what not. Frameworks like Bootstrap minimizes the amount of work to be done to achieve that daunting task, nevertheless is not perfect.

I wouldn't be able to tell you if the issue is a Bootstrap isssue, or maybe the built-in browser in WtDesigner is faulty. For that you would have to test your design on many browsers and devices to make a conclusion.

Best,

J.

[flj]

Hi Juan,

I tried both on Windows and linux in Chrome / Firefox and get different results. The results between the built-in browser in WtDesigner and Chrome / Firefox is fine both on Windows and Linux. It is only that on linux I get the following view of the calculator (below), while on Windows I get exactly the results you showed.

Great tutorial btw. It was very helpful!

J

[image: Inline images 1]

On 13 January 2017 at 09:37, Juan Gonzalez Burgos notifications@github.com wrote:

Did you know WtDesigner also spawns a local webserver? Meaning you could also access your design with any web browser (e.g. Chrome, Firefox, etc.). By default you access it on the address 127.0.0.1:8081 (this can be changed in the 'TCP Server' in the settings menu).

Why don't you try viewing your design with the same browser, let's say Chrome, both on Windows and Linux. See if you get different results.

In general, front-end design is a challenge because you need to make sure your design works for all oprating systems, all browsers, all different versions of the same os's and same browsers, all types of desktop and moble devices and what not. Frameworks like Bootstrap minimizes the amount of work to be done to achieve that daunting task, nevertheless is not perfect.

I wouldn't be able to tell you if the issue is a Bootstrap isssue, or maybe the built-in browser in WtDesigner is faulty. For that you would have to test your design on many browsers and devices to make a conclusion.

Best,

J.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/juangburgos/WtDesigner/issues/15#issuecomment-272389290, or mute the thread https://github.com/notifications/unsubscribe-auth/AEEQe9CQj34dukFPKJpnMTdCOAQHM3_mks5rRzfKgaJpZM4LiSdV .

[juangburgos]

I can't see your image, but given that it is not a browser issue, but an operating system issue, I would assume that maybe the Wt webserver is not serving the Bootstrap files correctly for some reason.

There are two things I would try:

1) Open the design on Chrome Linux and use the inspect option to open the developer tools and check the element in question. See if you can find something funny or some significant difference between windows and linux.

2) Overwrite the Booststrap files (css, js) with the most recent version of bootstrap 3 form the official distribution. Who knows, maybe there was a bug in Linux that was resolved recently.