Oh no! Where's the JavaScript?
Your Web browser does not have JavaScript enabled or does not support JavaScript. Please enable JavaScript on your Web browser to properly view this Web site, or upgrade to a Web browser that does support JavaScript.
Not a member yet? Click here to register.
Forgot Password?
  1. Home
  2. Discussion Forum
  3. PHPFusion 9 Support
  4. Modifications and Requests - 9
  5. Using table-responsive

Using table-responsive

Asked Modified Viewed 712 times
Back to Forum Index Previous Topic Next Topic
Print
G
Grimloch
G
Energy can neither be created nor destroyed; only transformed !
  • Senior Member, joined since
  • Contributed 722 posts on the community forums.
  • Started 141 threads in the forums
  • Started this discussions
  • Answered 2 questions
asked
Senior Member

I'm struggling with and trying to understand how to use some of the new functions in v9.03 . Here is what I added to my script:
Code Download source
echo "<div class='table-responsive'><table width='100%' cellspacing='0' cellpadding='0' class='table tbl-brdr3'>\n"; ...my code... echo "</table></div>\n";

Image below shows no obvious change on full width screen:
www.whisperwillow.com/screens/full_1920.jpg


Image below shows a functioning scroll bar below the responsive table:
www.whisperwillow.com/screens/small_429.jpg


This won't work on phones because android does not do side to side scrolling.

Image below shows a different script section where inner tables are side by side (2 column display); no scroll bar until screen width is lowered to about 429:
www.whisperwillow.com/screens/small_493.jpg


On this screen I need to learn how to make the inner tables stack vertically. I hope this all makes sense guys.
You can see all of this on my website by clicking Ebook Library on the side nav.
https://www.whisperwillow.com
Edited by Grimloch on 07-09-2019 17:45,
0 replies

2 posts

R
Anonymous User
R
Anonymous User 367
  • Veteran Member, joined since
  • Contributed 939 posts on the community forums.
  • Started 2 threads in the forums
  • Answered 20 questions
answered
Veteran Member

.table-responsive is part of Bootstrap CSS framework.

Quote

This won't work on phones because android does not do side to side scrolling.


It works everywhere...

See Bootstrap 3 docs - https://getbootstrap.com/docs/3.3/
0 replies
G
Grimloch
G
Energy can neither be created nor destroyed; only transformed !
  • Senior Member, joined since
  • Contributed 722 posts on the community forums.
  • Started 141 threads in the forums
  • Started this discussions
  • Answered 2 questions
answered
Senior Member

Well I can see from your response that I am not making myself very clear; nevermind then I will work through it myself and perhaps be able to figure something out. BTW did you even check out my Ebook Library on my website?
0 replies

Category Forum

Modifications and Requests - 9

Labels

None yet

Statistics

  • Views 0 views
  • Posts 2 posts
  • Votes 0 votes
  • Topic users 2 members

2 participants

G
G
Energy can neither be created nor destroyed; only transformed !
  • Senior Member, joined since
  • Contributed 722 posts on the community forums.
  • Started 141 threads in the forums
  • Started this discussions
  • Answered 2 questions
R
R
Anonymous User 367
  • Veteran Member, joined since
  • Contributed 939 posts on the community forums.
  • Started 2 threads in the forums
  • Answered 20 questions

Notifications

Track thread

You are not receiving notifications from this thread.

Related Questions

Not yet