RolePlay onLine RPoL Logo

, welcome to RPoL Development

11:57, 29th March 2024 (GMT+0)

Easy Tables and Grids.

Posted by jase
jase
admin, 3403 posts
Cogito, ergo procuro.
Carpe stultus!
Thu 25 Sep 2014
at 00:57

Re: Easy Tables and Grids.

Private messages, secret messages etc start with an open square bracket ([) and stop with a close square bracket (]).

The first time you use a close square bracket it will finish the private line, and your table has five of them.
spaceace
member, 223 posts
Do or do not
there is no try
Thu 25 Sep 2014
at 01:23
  • msg #200

Re: Easy Tables and Grids.

oddly though,it works correctly for those that can see the private line, lol

sorry to bother you with such nonsense, I know you're a busy person,and thinks for all the hard work you put in
jase
admin, 3404 posts
Cogito, ergo procuro.
Carpe stultus!
Thu 25 Sep 2014
at 14:18

Re: Easy Tables and Grids.

In reply to spaceace (msg # 200):

It looks correct for those who can see it, but it's not actually working correctly.  The private line is still closing on the first ], which is why other users can see the rest of it.
matthewfenn
member, 358 posts
www.nj-pbem.com
Northern Journey PBeM DM
Tue 18 Nov 2014
at 21:14
  • msg #202

Re: Easy Tables and Grids.

I have a puzzle - I have a easy table, within which is a quote, within which is a list...

|^! <hr><large>SAMPLE TABLE</large><hr>|95%
|<! <quote My Quote> Bit of text before the list [list][*]First item in the list...
[*] Second item in the list.  I don't want it to be really long so I have a carriage return here:
and then continue the second item on a second line.
[*] Last item in the list [/list]</quote>


This produces:


SAMPLE TABLE
My Quote:
Bit of text before the list
  • First item in the list...
  • Second item in the list.  I don't want it to be really long so I have a carriage return here:
and then continue the second item on a second line.
  • Last item in the list


  • As you can see, the carriage return in the list seems to break the quote, but not the list nor the table...

    EDIT: This is actually supposed to be on a character sheet where I have Variable Width, Word Wrap ON.   If I rely on the word-wrap, then on the long lines, it expands out to the full width of the screen, but I don't want that.  I want it to be relatively compact.

    If I try it with Word Wrap OFF, then it still fails to display as I expect it to.
    This message was last edited by the user at 21:30, Tue 18 Nov 2014.
    cruinne
    moderator, 6584 posts
    what DO you do with
    a drunken sailor?
    Wed 19 Nov 2014
    at 03:00

    Re: Easy Tables and Grids.

    In reply to matthewfenn (msg # 202):

    Quotes and tables and lists weren't really meant to go together.  Perhaps you can come up with some other formatting to get the effect you want, without using the special quote tag?

    I think the issue really comes down to: RPoL was meant to be pretty basically text based, and over time a few things got added -- lists, tables, quotes -- but they were never meant to be piled on one another but instead each used for their own purpose.
    matthewfenn
    member, 360 posts
    www.nj-pbem.com
    Northern Journey PBeM DM
    Wed 19 Nov 2014
    at 22:15
    • msg #204

    Re: Easy Tables and Grids.

    Managed to resolve my problem by going back to the original <table> tags...

    <table width="95%"><tr><th><hr><large>SAMPLE TABLE</large><hr></th></tr>
    <tr><th><quote My Quote> Bit of text before the list [list][*]First item in the list...
    [*] Second item in the list.  I don't want it to be really long so I have a carriage return here:
    and then continue the second item on a second line.
    [*] Last item in the list [/list]</quote></th></tr></table>



    SAMPLE TABLE
    My Quote:
    Bit of text before the list
    • First item in the list...
    • Second item in the list.  I don't want it to be really long so I have a carriage return here:
      and then continue the second item on a second line.
    • Last item in the list

    matthewfenn
    member, 361 posts
    www.nj-pbem.com
    Northern Journey PBeM DM
    Wed 11 Feb 2015
    at 15:06
    • msg #205

    Re: Easy Tables and Grids.

    Anyone know how to make a table centred, but the contents of the table left aligned?
    Tileira
    member, 480 posts
    Wed 11 Feb 2015
    at 15:24
    • msg #206

    Re: Easy Tables and Grids.

    Use <table align="center"> as the opening tag for the table.
    <th> cells are always centered.

    Sample
    text
    text
    longer text

    matthewfenn
    member, 362 posts
    www.nj-pbem.com
    Northern Journey PBeM DM
    Wed 11 Feb 2015
    at 23:21
    • msg #207

    Re: Easy Tables and Grids.

    I think I figured out why my table wasn't working as expected... I'd been using <th> tags for the cells rather than <td>

    Sometimes it's hard to see the wood from the trees when you're too close to it!
    matthewfenn
    member, 375 posts
    www.nj-pbem.com
    Northern Journey PBeM DM
    Mon 7 Sep 2015
    at 12:46
    • msg #208

    Re: Easy Tables and Grids.

    Is it possible to force the column widths of a table to be the same size, regardless of what they have in them?

    For example, Ideally, I'd like the columns on the left hand side to be the same size as the ones with characters in on the right, even though there is nothing in those cells.



            
            
            
        @  E
          RD
         CmY
        @  B
           M
            
            


    Skald
    moderator, 655 posts
    Whatever it is,
    I'm against it
    Mon 7 Sep 2015
    at 13:17
    • msg #209

    Re: Easy Tables and Grids.

    You can do it with Grids  :>

            
            
            
        @  E
          RD
         CmY
        @  B
           M
            
            

    DarkLightHitomi
    member, 965 posts
    Tue 8 Sep 2015
    at 00:04
    • msg #210

    Re: Easy Tables and Grids.

    Now if only you could make hex grids as easily, or even just a square grid but with each row (or column) offset by half from those on either side....


    Yep that would be cool. :)
    matthewfenn
    member, 376 posts
    www.nj-pbem.com
    Northern Journey PBeM DM
    Tue 8 Sep 2015
    at 08:32
    • msg #211

    Re: Easy Tables and Grids.

    In reply to Skald (msg # 209):

    Ah yes, I'd forgotten about grids...  They are rather large though...

    +---+---+---+
    |   |   |   |
    +---+---+---+
    |   |=Me|   |
    +---+---+---+
    |   |   |   |
    +---+---+---+
    =
       
     Me 
       
    Would it be possible to make smaller grids?
    eg:
       
     i 
       

    Skald
    moderator, 656 posts
    Whatever it is,
    I'm against it
    Tue 8 Sep 2015
    at 12:48
    • msg #212

    Re: Easy Tables and Grids.

    ... change your zoom setting on your Browser ? <grrrrins>

    Seriously, I don't think there is - that's the minimum space to draw the vertical:

    +
    |
    +

    Hex ... there's a grid in the ASCII maps thread in Heaven which might serve ?

    link to a message in another game
    jase
    admin, 3495 posts
    Cogito, ergo procuro.
    Carpe stultus!
    Tue 8 Sep 2015
    at 15:07

    Re: Easy Tables and Grids.

    You can size grids, check the help in how to do it.
    matthewfenn
    member, 377 posts
    www.nj-pbem.com
    Northern Journey PBeM DM
    Tue 8 Sep 2015
    at 17:02
    • msg #214

    Re: Easy Tables and Grids.

    Ah...  Just found it in the help...  (/help/?t=faqs)  Thanks Jase!
    Small (size 1) grid:
    A 
     B


    Default (size 2) grid:

    A 
     B

    Size 3
    A 
     B
    Size 4
    A 
     B
    Largest (size 5) grid:
    A 
     B

    Skald
    moderator, 657 posts
    Whatever it is,
    I'm against it
    Wed 9 Sep 2015
    at 12:48
    • msg #215

    Re: Easy Tables and Grids.

    There you go ... I learned sumfin' new as well.   Clever syntax to get that size 1 grid in !  :>
    Escribblings
    member, 7 posts
    Thu 18 Jan 2018
    at 01:01
    • msg #216

    Re: Easy Tables and Grids.

    jase:
    Another addition:  We can now set the alignment of a column with the divider row (the one with all the dashes).  If you don't want the bolded/emphasised header row then just start the table with the divider row (even though it's then no longer actually dividing anything).

    | Header 1.1      | Header 1.2 | Header 1.3   | 1.4  |50%
    |<50%-------------|--------25%>|-----^--------|10%---|
    |Header 2.1       | Cell 2.2   |<Cell 2.3     |
    |2.3 Cell 3.1                  | Cell 3.3     |< 3.4 |
                                   |1.3 Cell\n4.3 |^ 4.4 |
                                                  |
    | 6.1             | 6.2                       | 6.4



    Header 1.1Header 1.2Header 1.31.4
    Header 2.1Cell 2.2Cell 2.3 
    Cell 3.1Cell 3.33.4
    Cell
    4.3
    4.4
     
    6.16.26.4

    Note that when you're doing column span, the alignment might not turn up how you expect it (depending upon whether you focus on where the column starts or where it finishes).  You may want/expect cell 3.1 to be right aligned, but it starts at column 1, so it gets the alignment from there.  You can override the alignment of individual cells (see cell 2.3 as an example).

    Widths can also be set with the divider row.  The divider row can only have pipes (|), dashes and the alignment codes and width (which means even spaces aren't allowed).  It doesn't actually matter whre you put the codes in between the pipes, as illustrated in the example.

    Unless their alignment is set within the cell or via the whole column, table data (td) are left aligned, table headers (th) are centre aligned.  Not sure if that's how it should be by default..?

    I think I should stop fiddling with this now, it's getting to be a massive routine.



    Sorry to raise an old thread, but I have 2 issues, firstly relating to the above.

    I have tried to determine the %age widths by putting the figures in the divider row as shown above, but when I do, it doesn't display properly.

    instead of


    .|!4 Basic Information                                                                   |100%
    .|20%= Character Name  |30% Balik Giantborne |20%= Height    |30% 7’10”                  |
    .|= Player Name        | Jonathan Bond       |= Weight       | 295 lbs                   |
    .|= Character Race     | Goliath             |= Eyes         | Green                     |
    .|= Alignment          | Chaotic Good        |= Hair         | Bald                      |
    .|= Deity              | Mordain             |= Size         | Medium                    |

    .|!4 Class, Level & Experience                                                           |100%
    .|20%= Primary Class   |30% Barbarian        |20%= Level     |30% 5                      |
    .|= Multiclass 1       | -                   |= Level        | -                         |
    .|= Experience Points  | 12,150              |= Total Level  | 5                         |
    .|= Next Level At      | 14,000              |= Proficiency  | +3                        |
    .|= Max Health         | 60                  |= Initiative   | +3                        |
    .|= Current Health     | 40                  |= Armour Class | 17                        |
    .|= Passive Perception | 14                  |= Speed        | 40' (30' in Heavy Armour) |


    giving


    Basic Information
    Character NameBalik GiantborneHeight7’10”
    Player NameJonathan BondWeight295 lbs
    Character RaceGoliathEyesGreen
    AlignmentChaotic GoodHairBald
    DeityMordainSizeMedium

    Class, Level & Experience
    Primary ClassBarbarianLevel5
    Multiclass 1-Level-
    Experience Points12,150Total Level5
    Next Level At14,000Proficiency+3
    Max Health60Initiative+3
    Current Health40Armour Class17
    Passive Perception14Speed40' (30' in Heavy Armour)


    I get:


    .|4 Basic Information                                                                   |100%
    .|20%------------------|30%------------------|20%------------|30%------------------------|
    .|= Character Name     | Balik Giantborne    |= Height       | 7’10”                     |
    .|= Player Name        | Jonathan Bond       |= Weight       | 295 lbs                   |
    .|= Character Race     | Goliath             |= Eyes         | Green                     |
    .|= Alignment          | Chaotic Good        |= Hair         | Bald                      |
    .|= Deity              | Mordain             |= Size         | Medium                    |

    .|4 Class, Level & Experience                                                           |100%
    .|20%------------------|30%------------------|20%------------|30%------------------------|
    .|= Primary Class      | Barbarian           |= Level        | 5                         |
    .|= Multiclass 1       | -                   |= Level        | -                         |
    .|= Experience Points  | 12,150              |= Total Level  | 5                         |
    .|= Next Level At      | 14,000              |= Proficiency  | +3                        |
    .|= Max Health         | 60                  |= Initiative   | +3                        |
    .|= Current Health     | 40                  |= Armour Class | 17                        |
    .|= Passive Perception | 14                  |= Speed        | 40' (30' in Heavy Armour) |


    giving


    Basic Information
    Character NameBalik GiantborneHeight7’10”
    Player NameJonathan BondWeight295 lbs
    Character RaceGoliathEyesGreen
    AlignmentChaotic GoodHairBald
    DeityMordainSizeMedium

    Class, Level & Experience
    Primary ClassBarbarianLevel5
    Multiclass 1-Level-
    Experience Points12,150Total Level5
    Next Level At14,000Proficiency+3
    Max Health60Initiative+3
    Current Health40Armour Class17
    Passive Perception14Speed40' (30' in Heavy Armour)


    Secondly, is there anyway to set a fixed rather than percentage width for the table.  I don't mind %age widths for the columns, but I'm trying to prevent a 100% width table from continously expanding without having to resort to newline characters to break up larger paragraphs.

    With normal tables I do

    <table width="600">, but that doesn't work with your quick tables and neither can I mix the 2 syntaxes.
    DarkLightHitomi
    member, 1262 posts
    Fri 19 Jan 2018
    at 02:04
    • msg #217

    Re: Easy Tables and Grids.

    To expand on that, you might consider allowing a table width to be set by percentage of whatever width the post as a whole has, so you might set a table to be half the width of the post, or 150% (in which case it acts like an oversized picture and you neec to scroll, or the page resizes to match width. Whichever.)

    That way you could have a couple tables that fit side by side under a wide header table, or similar scenerios.

    Not sure how well that'd work though.
    Escribblings
    member, 8 posts
    Fri 19 Jan 2018
    at 20:11
    • msg #218

    Re: Easy Tables and Grids.

    DarkLightHitomi:
    To expand on that, you might consider allowing a table width to be set by percentage of whatever width the post as a whole has, so you might set a table to be half the width of the post, or 150% (in which case it acts like an oversized picture and you neec to scroll, or the page resizes to match width. Whichever.)

    That way you could have a couple tables that fit side by side under a wide header table, or similar scenerios.

    Not sure how well that'd work though.

    You mean like

    .|! This |25%
    .||

    This

    .|! This |50%
    .||

    This

    .|! This |75%
    .||

    This

    .|! Or This |100%
    .||

    Or This


    The only way to do tables side by side would be to make them into 1 table as far as I can tell, as this site doesn't support nested tables either.

    The problem with specifying the width of the entire table as a percentage of the post is it is dependent on the viewer's browser size.

    I want to specify a fixed width not only to prevent it continually expanding but also continually contracting too.
    LonePaladin
    member, 685 posts
    Creator of HeroForge
    Fri 19 Jan 2018
    at 20:34
    • msg #219

    Re: Easy Tables and Grids.

    Escribblings:
    The problem with specifying the width of the entire table as a percentage of the post is it is dependent on the viewer's browser size.

    I want to specify a fixed width not only to prevent it continually expanding but also continually contracting too.

    What would happen if the table's established width exceeds the browser's? Say, if you set a table to be 1300px wide, but someone else sets their browser to only be 800px?
    Escribblings
    member, 9 posts
    Fri 19 Jan 2018
    at 22:15
    • msg #220

    Re: Easy Tables and Grids.

    In reply to LonePaladin (msg # 219):

    You would have to scroll.

    You can't do this with smart tables


    <table width="3000">
      <tr>
        <th>
          This is 3000px wide
        </th>
      </tr>
    </table>
    This message was last edited by a moderator, as it was moot, at 23:22, Fri 19 Jan 2018.
    Escribblings
    member, 10 posts
    Fri 19 Jan 2018
    at 23:27
    • msg #221

    Re: Easy Tables and Grids.

    Apologies
    DarkLightHitomi
    member, 1263 posts
    Sun 21 Jan 2018
    at 00:02
    • msg #222

    Re: Easy Tables and Grids.


    Escribblings:
    The problem with specifying the width of the entire table as a percentage of the post is it is dependent on the viewer's browser size.

    I want to specify a fixed width not only to prevent it continually expanding but also continually contracting too.


    Yea, and that is good. I was simply expanding on the idea (it would likely be easier to do both at once than separate, if there was a need anyway.).

    LonePaladin:
    What would happen if the table's established width exceeds the browser's? Say, if you set a table to be 1300px wide, but someone else sets their browser to only be 800px?



    How can you set how wide the browser is set for? I haven't seen any way to do so.

    Besides, only the new mobile site changes size near as I can tell.
    LonePaladin
    member, 687 posts
    Creator of HeroForge
    Sun 21 Jan 2018
    at 04:07
    • msg #223

    Re: Easy Tables and Grids.

    DarkLightHitomi:
    How can you set how wide the browser is set for? I haven't seen any way to do so.

    Resize the window. Or have your display set to that resolution.

    I'm just wanting to know what would be the expected result if a fixed-width Easy Table exceeded the browser's available space. Would it be shrunk to fit, or would the window gain a horizontal scroll bar?
    Sign In