I switched from Salesforce and my users are accustomed to a lot of data on the screen. The new theme has so much whitespace and I feel like I have to scroll/search for the basics.
Is there a version of this theme without all the whitespace?
Is there a link to some fairly clear instructions for modifying the theme?
I recommend Suite R, it is a pretty good theme. I love the overall look of Suite P, but I agree with you, it is too spread out on the page to be workable. In fact, it isnât just white space, it is the size of everything. I donât have a recommendation for theme editing, Iâve never tried it.
I totally agree with you. Iâm sticking with SuiteR because of this.
On my laptop, with the new SuiteP I canât see my favorites on the left-hand menu without scrolling. Things like this are just functionally inappropriate, they are not just aesthetic issues.
This has been brought up several times, including in Github, but I donât think itâs getting enough attention. I worry that the previous theme, SuiteR, isnât going to be kept updated, itâs going to be âdeprecatedâ. Iâve seen SuiteR bugs closed there invoking that reason⌠not a good direction IMHO.
We really need a compact theme, or a âcompact modeâ in the new theme.
In thinking about this more, this is probably for touch friendliness. It would be nice, however, if there was a touch friendly SuiteP and non-touch SuiteP⌠it would be even cooler if people could choose to apply different themes for mobile vs. desktop to facilitate switching between the two.
Ah finally makes sense why there is so much space for touch screens. Most of our users are at the desktop all the time and even the standard R layout was too much space and we made our own theme that reduces that. I agree the look is ok but just too hard to use as you spend too much time scrolling.
There needs to be a way for the theme to know when it is in desktop or mobile/touch mode, because as you mentioned, it is too spread out on the desktop.
Itâs a âresponsiveâ theme, it already âknowsâ whether youâre on a tablet or not. The same goes for SuiteR.
You can try it by unmaximizing your browser window on a PC and dragging the edge of the window to resize it. As you reach the smaller sizes, youâll see the layout changing.
The problem is that SuiteP changes some stuff on larger screens, but not padding, spacing, and button sizes.
pgr⌠responsive doesnât mean it knows whether youâre on a tablet or not, it means it knows what the width of your viewport is. It would be nice if, in addition to being responsive, it determined if you were on a touch device or not⌠and if not⌠didnât provide so much padding and spacing. A few easy options would be a SuiteP theme that didnât have so much padding/spacing that could either be switched on by knowing youâre on a tablet/phone or perhaps by a toggle switch to turn it on and off (similar to touch/no-touch in Microsoft and Adobe products). Another option would be to select that switch manually at the login screen. âI want SuiteP Touchâ or âI want SuiteP Mouseâ.
But today - itâs not doing it any more! Itâs SuiteP no matter what starting viewport.
Apologies- perhaps there was something weird about my FF yesterday - though I did doublecheck it twice; including in a cookie-free Private_Window in firefox.
I agree the look is ok but just too hard to use as you spend too much time scrolling.
Has anyone got any working CSS tips for reducing the white space?
I just had a 10 minute look, Iâm not a CSS guy, but in Detail view, it seems like a 'margin 0 16 0 0 â thing may be causing the excess white space between rows.
My resolution on laptop is 1920x1080. Normally I donât maximize windows, so browser window is taking up almost all vertical space, but not all. Maybe 950 pixels.
What I mean by scrolling to the favorites is vertical scrolling. Basically the left-hand menu is so spaced that when I am in a module, I see the module actions, I see the recently used list (with less items than on SuiteR!), bit I donât get to see the favorites below that without scrolling down.
About the other comments regarding responsive design: I know that itâs the viewport size that is used to select which CSS rules apply. I didnât know that you could make those distinctions based on actual input type (touch/mouse). How can you do that?
bit I donât get to see the favorites below that without scrolling down.
yes, that is a real pain for anyone that uses favourites.
Maybe it would be better if Favourites was on top of âRecently viewedâ.
I know that itâs the viewport size that is used to select which CSS rules apply. I didnât know that you could make those distinctions based on actual input type (touch/mouse). How can you do that?
I don;t think you can, in general. Unless the website is designed that way: and most don;t, as it is more sensible to do responsive RWD on viewport, not on device type.
SuiteCRM is not supposed to care about device: just viewport width.