Table Chart Appearance in Mobile Version

[Jason]

Always had this problem but never bothered to pursue fixing until now. Table chart looks great without mobile or on desktop, but it resizes itself to fit the width of mobile and it ends up almost unviewable. I selected the apply scrollbar option in the general settings page of the administration area so it wouldn't resize any image in the table but it did nothing. Link below to the post with the table. Any help would be appreciated.

jasonfreak.proboards.com/thread/5330/jasons-body-count

[Scott]

Jason -

Put your table inside the following div tag:

[div style="overflow:auto;white-space:nowrap;"]
  TABLE
[/div]

[Jason]

Oct 21, 2024 12:49:11 GMT -8 Scott said:

Jason -

Put your table inside the following div tag:

[div style="overflow:auto;white-space:nowrap;"]
  TABLE
[/div]

It worked, however, it removed entirely the tr and td rows that contained images. Is that fixable?

Edit: To be clearer, it didn't delete code or anything, the entire column with images simply does not show up after the new div code was implemented. But it does fix the wrapper issue.

[Scott]

Jason - Are you talking about the column with stars?

[Jason]

Oct 21, 2024 14:42:20 GMT -8 Scott said:

Jason - Are you talking about the column with stars?

Yes.

[Scott]

Jason -

Give this a try.

Edit the post and in the very first table row the entry for the star column is this:

[td][img]https://i.imgur.com/kOa21mv.png[/img][/td]
Replace it with this:

[td][b][color=33CC33][font face="trebuchet ms"][font size="2"]★★★★★ [/font][/font][/color][/b][/td]

Let me know what you think.

[Jason]

Oct 21, 2024 15:27:28 GMT -8 Scott said:

Jason -

Give this a try.

Edit the post and in the very first table row the entry for the star column is this:

[td][img]https://i.imgur.com/kOa21mv.png[/img][/td]
Replace it with this:

[td][b][color=33CC33][font face="trebuchet ms"][font size="2"]★★★★★ [/font][/font][/color][/b][/td]

Let me know what you think.

I see what you did there. I might actually like this better. Is this just one of those things where you can't really implement an image in the first row or it will throw off the code?

[Scott]

Jason - from what I understand the nowrap applies to text and since the 'stars' column contains no text just an image link, it collapses the column. By replacing the column's header image with 'text' it preservers the column width allowing the images in subsequent rows to display (not collapse).

[Jason]

Oct 21, 2024 15:52:54 GMT -8 Scott said:

Jason - from what I understand the nowrap applies to text and since the 'stars' column contains no text just an image link, it collapses the column. By replacing the column's header image with 'text' it preservers the column width allowing the images in subsequent rows to display (not collapse).

I see. Thanks a lot for the help. Very much appreciated.