Showing "Actions" block buttons on iPad Portrait

Hi. I've reported this issue here:

 

https://www.boonex.com/forums/topic/Showing-Actions-block-buttons-on-iPad-Portrait.htm

 

but it seems to be a bug, so was asked to raise it here. Copy/paste explanation of problem here:

 

I've been testing the view of "friends" profiles on an iPad using portrait and landscape modes.

 

I've noticed that when viewing a photo of a friends profile, the "Actions" block that has the buttons:

  • Original, Share, Report, Fave, Edit, Delete, Feature, Subscribe, Deactivate

all show OK in landscape mode but in Portrait mode all show "...", so a visitor on an iPad using portrait mode wouldn't have a clue what each button would refer to.

 

It's interesting though when moving the iPad from landscape to portrait, the buttons originally show "small text" so you can see what the buttons actually are, but after a second change to "..." so effectively become invisible to the visitor.

 

Any ideas what this would be?

 

Is is a Dolphin issue or a template issue?

 

Thanks.

Quote · 23 Dec 2015

The icons for the buttons should be self-explanatory, if it is not, you can try to make iPad portrait view responsive by changing templates/tmpl_evo/css/general_phone.css file:

@media (max-width:770px) {

and templates/tmpl_evo/css/general_tablet.css file:

@media (min-width:770px) and (max-width:1024px) {
Rules → http://www.boonex.com/terms
Quote · 26 Dec 2015

Hi Alex. Thank you for the advice. I do agree that the icons should be self-explanatory unfortunately most people visiting the site won't find it that way so I'm trying to make it as easy to understand as possible.

 

I tried the changes, cleared the cache, unfortunately still does the same thing.

 

Please advise if you have any other suggestions. Thank you.

 

The icons for the buttons should be self-explanatory, if it is not, you can try to make iPad portrait view responsive by changing templates/tmpl_evo/css/general_phone.css file:

@media (max-width:770px) {

and templates/tmpl_evo/css/general_tablet.css file:

@media (min-width:770px) and (max-width:1024px) {

 

Quote · 28 Dec 2015

Hmm... it should work, try to increase 770px to 800-900px

Rules → http://www.boonex.com/terms
Quote · 28 Dec 2015

Hi Alex. Very interesting. I changed it to 820 and instead of the "block" being on the right side of the screen, it moved it to under the content (effectively making it responsive in portrait mode). This is excellent, as it's not as "crushed" on the same screen any more.

Thank you.

Isn't this something which should be a permanent (bugfix) for Dolphin? the way it is at 720 causes the problem?

Hmm... it should work, try to increase 770px to 800-900px

 

Quote · 28 Dec 2015

The permanent fix should be a bit different, but we will try to improve this behaviour:

https://github.com/boonex/dolphin.pro/issues/232

Isn't this something which should be a permanent (bugfix) for Dolphin? the way it is at 720 causes the problem?

 

Rules → http://www.boonex.com/terms
Quote · 4 Jan 2016

@micoots

I am wondering... would you rather have the the second column drop down under the first column or have the whole page shrink to fit?

 

I think that 820px is really wide for content that is designed for a narrow column.

 

For my site I was thinking of setting a minimum width which would essentially cause the layout to remain the same, but shrink to fit between 720px and 1024px. Anything below 720px would be a single column.

 

I can test on phone and desktop, but don't have a tablet to test on.

Quote · 3 Feb 2016

I would rather have the whole page shrink to fit. The problem I have though is when it's set to shrink to fit, all I see is the graphic icon on the left with "..." on the right. It should be showing a smaller font for the wording but it doesn't.

820px is too wide, but unfortunately there's no other way to stop it from "...".

With AlexT's comment of "The permanent fix should be a bit different" and the git case, there is something better coming but for a 7.3 or 7.4 release, it's still a way off.

Need to fix these niggling bits now so can get a site on-line :)

 

BTW, if you need to test a couple of things on a tablet, PM me your site and credentials if necessary, I'll test on Android and iPad tablets.

 

@micoots

I am wondering... would you rather have the the second column drop down under the first column or have the whole page shrink to fit?

 

I think that 820px is really wide for content that is designed for a narrow column.

 

For my site I was thinking of setting a minimum width which would essentially cause the layout to remain the same, but shrink to fit between 720px and 1024px. Anything below 720px would be a single column.

 

I can test on phone and desktop, but don't have a tablet to test on.

 

Quote · 4 Feb 2016
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.