Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 22, 2016 at 6:25 pm #727608
    amerisource

    Having an issue with my tablet view for this page.

    View post on imgur.com

    How can I fix this?

    Thanks.

    December 22, 2016 at 8:19 pm #727648
    Basilis

    Hey amerisource!

    The issue is that your email data, added on the latest column, are bigger and they can not be broken to pieces.
    Is there any way you think it should work, so we can see what we can do?

    Thank u

    Regards,
    Basilis

    December 22, 2016 at 8:25 pm #727652
    amerisource

    It’s not just the last column, but the second column also overlaps on some. It should expand the fields to the correct size and make the fields wrap to the next line if needed.

    December 28, 2016 at 3:36 pm #728360
    Yigit

    Hi,

    It seems like you used column elements instead to solve the issue, is that correct? :)
    If not, please point out the current issues so we can assist you further

    Enjoy your holidays!

    Best regards,
    Yigit

    January 4, 2017 at 1:07 am #729227
    amerisource

    I have done no changes, the same issue still exist. See image below

    View post on imgur.com

    Thanks.

    Nick

    January 4, 2017 at 6:16 pm #729555
    Andy

    Hi,

    there are simply too many elements which are too long for displaying them well on tablet.

    Did you try to use ALB’s Table element?

    However, I guess in your case you need to search for a good table plugin.

    Best regards,
    Andy

    January 5, 2017 at 4:38 am #729709
    amerisource

    I don’t understand – it works OK on the iPhone, i.e. the responsive portion of the table shows correctly. It’s responsive and should work for a tablet as well.

    Also, it’s not a table, but set up as 4 one quarter elements. Each element should shift to the next line if it is too big.

    January 6, 2017 at 7:18 am #730200
    Nikko

    Hi,

    Would you be okay with the text being forced to break if it occupies more than the space it is allocated? if it’s okay, just add this code in Quick CSS:

    .page-id-267 .flex_column_table.av-equal-height-column-flextable {
    word-break: break-all;
}

    the reason it’s not breaking by default because it’s a single word. If the solution isn’t good then I would suggest making it to a 1 or 2 columns.

    Best regards,
    Nikko

    January 6, 2017 at 11:04 pm #730564
    amerisource

    But it’s not breaking on the second column where there is a word break (Houston/Southwest Market)? Should break there after Southwest and move Market to line below.

    January 10, 2017 at 8:01 am #731427
    Nikko

    Hi!

    I checked on it and I don’t see any reason it should shift the Market at the bottom since the space is pretty much available when viewing on my ipad. Can you post a screenshot? you can upload it in http://imgur.com/ or dropbox and post the link here. You might also want to use the css code I gave above, it should help.

    Cheers!
    Nikko

    January 11, 2017 at 2:47 am #731812
    amerisource

    The image above shows it on an iPad, along with the problem. And no I do not want the text breaking in the middle of a word – just on a space between words like it should.

    January 13, 2017 at 3:59 am #732937
    Nikko

    Hi,

    The screenshot you posted before are on portrait mode and shows 4 columns, what I can see now with the current changes is it should be showing 2 columns on ipad (portrait mode).

    Best regards,
    Nikko

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.