Suitecrm: Problems with UI on different languages

Created on 21 Jan 2017 · 10Comments · Source: salesagility/SuiteCRM

screenshot_1
2017-01-21 17 09 13

needs css improvement because in different languages menu has different sizes and it make many visual troubles

Log in Go to any module page
if you have Russian translation all will look a little bit strange

Found after installing new version

Your Environment

SuiteCRM Version used:
Browser name and version (Chrome 55.0.2883.95 (64-bit)):
device MacBook Pro (Retina, 13-inch, Early 2015)
macOS Sierra 10.12.2 (16C67)

Moderate Fix Proposed Bug

Source

SoapJson

👍2

Most helpful comment

@likhobory , @horus68
Here is the solution, which I made for one of our partners
2017-01-22 16 44 02

2017-01-22 16 43 50

Suit R theme upgrade (makes work more comfortable as main screen height increases and more info can be displayed simultaneously)

some icons, some bootstrap tabs and a little bit of time

SoapJson on 22 Jan 2017

❤1 👍1

All 10 comments

Confirmed. It only woks fine at 1500 px screens
@likhobory have you found some workaround, maybe a short word for "administration" menu?

1100 px wide the minimum "required" size. Less then that menu collapse to a burger menu (as if screens less then 1100 px are considered as tablets ?!!)
russian_1093

1221 px wide: Full menus only shows on 1221 px!
russian_1221

1500 px wide: Is the size required to display ok on Russian
russian_1501

My Setup: SuiteCRM 7.7.9, Windows, Firefox 50.1
MySQL 5.6.17 / PHP 5.5.12 / Apache 2.4.19 (Wamp server install)
Latest language pack from Crowdin https://crowdin.com/project/suitecrmtranslations

horus68 on 21 Jan 2017

I understand that it's possible to find some ways to solve it as a simple user but it would be better to find javascript solution of auto detecting free size:
automatically hide menu buttons which are redundant in menu area
or automatically collapse to burger menu if row doesn't fit free space

SoapJson on 21 Jan 2017

maybe a short word for "administration" menu?

@horus68 Russian language is not so laconic,..
and I agree with @SoapJson , it should be a universal solution for all languages and resolutions.

likhobory on 21 Jan 2017

Also agree... it affects any language.
The real problem is created by a template that includes the menus and the buttons on the same line (but there are some menus required to be displayed)

horus68 on 22 Jan 2017

@likhobory , @horus68
Here is the solution, which I made for one of our partners
2017-01-22 16 44 02

2017-01-22 16 43 50

Suit R theme upgrade (makes work more comfortable as main screen height increases and more info can be displayed simultaneously)

some icons, some bootstrap tabs and a little bit of time

SoapJson on 22 Jan 2017

❤1 👍1

@SoapJson nice work.. Maybe some day create a github project for your revised template?
Take a look into the road taken by @urdhvatech
https://suitecrm.com/forum/suite-themes/10830-suite-p-theme-too-much-whitespace-need-more-compact-theme?start=30#40617
and here
Fine tunning the SuiteCRM's new theme (SuiteP) - http://urdhva-tech.com/blogs/fine-tunning-the-suitecrm-new-theme

horus68 on 22 Jan 2017

@SoapJson can you please edit the issue subject to be related with all languages?
This should be considered a relevant issue to be solved.
Also looking for the opinions by users @Mausino and @pgorod (consider to place a Like in the first message)
Also requesting SalesAgility attention from @daniel-samson @gymad as this will require special coding and devs decisions.

horus68 on 22 Jan 2017

See my pull request #2936 for details.

The issue is that the name of the current module is too wide. So my solution is to hide the filter menu's to the right. It uses the same behaviour, when you turn the filters off.

The problem with this fix is that we are making a trade off between showing the current module menu and show the filters.

My fix should be in the next release candidate. Can I ask community members to test the next release?