Training/Registration html code

9 replies
  • WEB DESIGN
  • |
Does anyone have a training registration html code similar to this one, https://awesome-table.com/-L7egLSfkCF-Lvngunw1/view? I really like this table from Awesome Tables. However, this table is slow to load and isn't responsive in that it doesn't go vertical when viewed from a mobile device. Thanks.
#code #html #training or registration
Avatar of Unregistered
  • Profile picture of the author yukon
    Banned
    Why not make your own HTML table?

    Go here and practice adding whatever you want inside the table.

    The image below, I added an image button. I tried pasting the code in this comment but Warrior Forum doesn't like it, even wrapped in [code] tags. Anyways, it's basic HTML image code wrapped in link code.


    Signature
    Hi
    {{ DiscussionBoard.errors[11352564].message }}
    • Profile picture of the author MarkLakewood3367
      Originally Posted by yukon View Post

      Why not make your own HTML table?

      Go here and practice adding whatever you want inside the table.

      The image below, I added an image button. I tried pasting the code in this comment but Warrior Forum doesn't like it, even wrapped in [code] tags. Anyways, it's basic HTML image code wrapped in link code.


      Thanks. I will give this a try. What would you recommend for the image to enlarge when hovering over it similar to the Awesome Tables Training table? Which html code would you recommend?
      {{ DiscussionBoard.errors[11352640].message }}
    • Profile picture of the author MarkLakewood3367
      Originally Posted by yukon View Post

      Why not make your own HTML table?

      Go here and practice adding whatever you want inside the table.

      The image below, I added an image button. I tried pasting the code in this comment but Warrior Forum doesn't like it, even wrapped in [code] tags. Anyways, it's basic HTML image code wrapped in link code.


      I just tried this code on my site. Unfortunately, the code continues to appear horizontally with scroll bars when viewed from a Smartphone. I was hoping for the code to appear vertical possibly without scrolls making it easier to read from a mobile device.
      {{ DiscussionBoard.errors[11353590].message }}
  • Profile picture of the author affmarketer101
    I do not know much about html, but I've just known awesome table tool that you mentioned in the thread. Really cool. Thanks so much for mentioning it.
    {{ DiscussionBoard.errors[11358977].message }}
    • Profile picture of the author MarkLakewood3367
      Originally Posted by affmarketer101 View Post

      I do not know much about html, but I've just known awesome table tool that you mentioned in the thread. Really cool. Thanks so much for mentioning it.
      Thank you for your response. My experiences with Awesome Sites is that this tool is not all that responsive, especially with the training template. The other issue that I had was that scrolls appear when viewing from mobile devices. Finally, the tables take a while to upload. Perhaps this might have to do with using the tables on a New Google Site. I have been in contact with the developer on these issues. But no solutions were found unfortunately.
      {{ DiscussionBoard.errors[11359101].message }}
  • Profile picture of the author yukon
    Banned
    The table example/link I posted is responsive for mobile.

    I don't think you can force HTML table rows to turn into columns. Even If you could force the horizontal width to be small it would make all of your columns too close to each other and unable to use on mobile.

    Why do you need a table? Can you use a bullet list instead?
    Signature
    Hi
    {{ DiscussionBoard.errors[11359114].message }}
    • Profile picture of the author MarkLakewood3367
      Originally Posted by yukon View Post

      The table example/link I posted is responsive for mobile.

      I don't think you can force HTML table rows to turn into columns. Even If you could force the horizontal width to be small it would make all of your columns too close to each other and unable to use on mobile.

      Why do you need a table? Can you use a bullet list instead?
      If you conduct a Google Search for Response Tables, you can find some that convert rows to columns in mobile devices. One such table can be found here:

      https://codepen.io/AllThingsSmitty/pen/MyqmdM

      I was going to use this table but it displays with scrolls on my smartphone. I think that this might be a New Google Sites issue. Because of this, I ditched the idea of a table until a better solution can be found.
      {{ DiscussionBoard.errors[11359187].message }}
      • Profile picture of the author yukon
        Banned
        Originally Posted by MarkLakewood3367 View Post

        If you conduct a Google Search for Response Tables, you can find some that convert rows to columns in mobile devices. One such table can be found here:

        https://codepen.io/AllThingsSmitty/pen/MyqmdM

        I was going to use this table but it displays with scrolls on my smartphone. I think that this might be a New Google Sites issue. Because of this, I ditched the idea of a table until a better solution can be found.

        That's pretty slick.

        I don't get horiz. scrollbars on android/mobile with the default content in the table.
        Signature
        Hi
        {{ DiscussionBoard.errors[11359198].message }}
        • Profile picture of the author MarkLakewood3367
          Originally Posted by yukon View Post

          That's pretty slick.

          I don't get horiz. scrollbars on android/mobile with the default content in the table.
          I think this is a New Google Sites issue. When I embed just about any code, the code usually appears within a large white box. Resizing this box usually messes up the code appearance on the page. The only way I found to get rid of the scrolls is to extend the box. But this makes it impossible to wrap text or images around the code without having a large gap.
          {{ DiscussionBoard.errors[11359214].message }}
Avatar of Unregistered

Trending Topics