Scrollbars and Bootstrap Tables


 
Thread Tools Search this Thread
The Lounge What is on Your Mind? Scrollbars and Bootstrap Tables
# 1  
Old 07-17-2018
Scrollbars and Bootstrap Tables

Making some progress using CSS from Bootstrap; changing table classes to the Bootstrap "table" class and wrapping those tables in a div with a scroll bar.

So, the good news is that now each post with large blocks of code that exceeds the width of the screen will have a scrollbar; but the bad news is that this scrollbar currently works for the entire post and not for just the code in the code taggies.

However, it is a start.

Bootstrap is a big help!
Login or Register to Ask a Question

Previous Thread | Next Thread

10 More Discussions You Might Find Interesting

1. Web Development

Bootstrap Changes to Advanced Editor and Attachments Form

I changed the CSS and Javascript in the "Advanced Editor" to clean it up. This is also the editor seen in "New Thread" and "New Reply". Basically I got rid of the mouseover style changes which were messed up due to vB legacy JS code from a decade ago. While doing this change, I then completed... (8 Replies)
Discussion started by: Neo
8 Replies

2. Web Development

Bootstrap Changes to Forum LIST BBCODE Tags

Added some Bootstrap to our lists (first draft subject to change) with PHP changes to the functions_bbcode.php: if ($listtype) { $outstuff = '<ol class="list-group" style="list-style-type: ' . $listtype . '">' . $output . '</ol>'; ... (0 Replies)
Discussion started by: Neo
0 Replies

3. War Stories

Scrollbars and Overflow in Posts (Code Tags)

YAY! Finally, seems like forever, I added this CSS to the posts (postbit) for table columns and scrollbars work still do not work for code tags and text inside posts. <style> td { max-width:200px; overflow: auto; white-space: nowrap; } </style> YAY... Now scollbars... (3 Replies)
Discussion started by: Neo
3 Replies

4. What is on Your Mind?

Revised Tooltips for Thread Views Using Bootstrap

See attached screen movie that demos the revised tooltips which includes thread previews, or double click on the YT video below to go to YT and view in full screen mode, etc: HkObCAYg6LI (0 Replies)
Discussion started by: Neo
0 Replies

5. What is on Your Mind?

New Tooltips for Thread Views Using Bootstrap

Hi, Well, I changed the descriptions for threads to use Bootstrap's UI and here is the results (make sure you set your YT setting for 1080 HD): New Tooltip for UNIX.COM Using Bootstrap - YouTube Here is the simple CSS I'm using for the fonts and colors: .tooltip-inner { ... (0 Replies)
Discussion started by: Neo
0 Replies

6. UNIX for Advanced & Expert Users

How to fix bootstrap failure in unix V4.0D?

hi! my computer is... system: Digital Personal Workstation 433a Processor: Digital Alpha 21164, 433 MHz Memory: 64 MB Operating System: Digital Unix Console(SRM), Digital Unix V4.0D That computer is used for radar display. Application run on Unix. I have a problem now. I can't boot dkc0... (2 Replies)
Discussion started by: akz
2 Replies

7. Solaris

Redirecting Bootstrap

Exactly how can I redirect bootstrap data generated by Networker to a file? The company's policy is to have this electronically saved remotely. The idea is to have the bootstrap info saved to a file and then use rsync to move that file to a remote server. So instead of sending it to a printer... (0 Replies)
Discussion started by: Jshwon
0 Replies

8. Shell Programming and Scripting

Converting tables of row data into columns of tables

I am trying to transpose tables listed in the format into format. Any help would be greatly appreciated. Input: test_data_1 1 2 90% 4 3 91% 5 4 90% 6 5 90% 9 6 90% test_data_2 3 5 92% 5 4 92% 7 3 93% 9 2 92% 1 1 92% ... Output:... (7 Replies)
Discussion started by: justthisguy
7 Replies

9. Shell Programming and Scripting

listboxs and scrollbars in TCL

Hi ! Anyone can tell me how to controll two listboxes with only one scrollbar in TCL? I have tried the following but it didn't work: listbox .listw.list -width 25 -height 25 -yscrollcommand {.listw.scroll set} listbox .listw.list2 -width 25 -height 25 -yscrollcommand {.listw.scroll set}... (0 Replies)
Discussion started by: cordobapab
0 Replies

10. AIX

GCC bootstrap failure on AIX 5.3

I'm trying to build gcc-3.4.4 on AIX 5.3, and I get the following error in phase 2. I suspect that the problem is related to AIX's "as" assembler somehow, but from what I understand, the binutils assembler is not useable on AIX 5.1 or later. Any ideas? checking for powl declaration... yes... (2 Replies)
Discussion started by: Duggerdee
2 Replies
Login or Register to Ask a Question
Template::Plugin::XML::Style(3pm)			User Contributed Perl Documentation			 Template::Plugin::XML::Style(3pm)

NAME
Template::Plugin::XML::Style - Simple XML stylesheet transfomations SYNOPSIS
[% USE xmlstyle table = { attributes = { border = 0 cellpadding = 4 cellspacing = 1 } } %] [% FILTER xmlstyle %] <table> <tr> <td>Foo</td> <td>Bar</td> <td>Baz</td> </tr> </table> [% END %] DESCRIPTION
This plugin defines a filter for performing simple stylesheet based transformations of XML text. Named parameters are used to define those XML elements which require transformation. These may be specified with the USE directive when the plugin is loaded and/or with the FILTER directive when the plugin is used. This example shows how the default attributes "border="0"" and "cellpadding="4"" can be added to <table> elements. [% USE xmlstyle table = { attributes = { border = 0 cellpadding = 4 } } %] [% FILTER xmlstyle %] <table> ... </table> [% END %] This produces the output: <table border="0" cellpadding="4"> ... </table> Parameters specified within the USE directive are applied automatically each time the "xmlstyle" FILTER is used. Additional parameters passed to the FILTER directive apply for only that block. [% USE xmlstyle table = { attributes = { border = 0 cellpadding = 4 } } %] [% FILTER xmlstyle tr = { attributes = { valign="top" } } %] <table> <tr> ... </tr> </table> [% END %] Of course, you may prefer to define your stylesheet structures once and simply reference them by name. Passing a hash reference of named parameters is just the same as specifying the named parameters as far as the Template Toolkit is concerned. [% style_one = { table = { ... } tr = { ... } } style_two = { table = { ... } td = { ... } } style_three = { th = { ... } tv = { ... } } %] [% USE xmlstyle style_one %] [% FILTER xmlstyle style_two %] # style_one and style_two applied here [% END %] [% FILTER xmlstyle style_three %] # style_one and style_three applied here [% END %] Any attributes defined within the source tags will override those specified in the style sheet. [% USE xmlstyle div = { attributes = { align = 'left' } } %] [% FILTER xmlstyle %] <div>foo</div> <div align="right">bar</div> [% END %] The output produced is: <div align="left">foo</div> <div align="right">bar</div> The filter can also be used to change the element from one type to another. [% FILTER xmlstyle th = { element = 'td' attributes = { bgcolor='red' } } %] <tr> <th>Heading</th> </tr> <tr> <td>Value</td> </tr> [% END %] The output here is as follows. Notice how the end tag "</th>" is changed to "</td>" as well as the start tag. <tr> <td bgcolor="red">Heading</td> </tr> <tr> <td>Value</td> </tr> You can also define text to be added immediately before or after the start or end tags. For example: [% FILTER xmlstyle table = { pre_start = '<div align="center">' post_end = '</div>' } th = { element = 'td' attributes = { bgcolor='red' } post_start = '<b>' pre_end = '</b>' } %] <table> <tr> <th>Heading</th> </tr> <tr> <td>Value</td> </tr> </table> [% END %] The output produced is: <div align="center"> <table> <tr> <td bgcolor="red"><b>Heading</b></td> </tr> <tr> <td>Value</td> </tr> </table> </div> AUTHOR
Andy Wardley COPYRIGHT
Copyright (C) 2001-2006 Andy Wardley. All Rights Reserved. This module is free software; you can redistribute it and/or modify it under the same terms as Perl itself. SEE ALSO
Template::Plugin perl v5.8.8 2008-03-01 Template::Plugin::XML::Style(3pm)