Right Spot?

[ashdur]

The table looks fantastic! Not sure I understand the title of the table (Maple Groove Pancake Series ) is coded to match the title bar on my forum.

Yes I would like to keep the blue bar + white text + font size.

Question - will I be able to make edits to the table as needed? Also you example show just one page of the doc. Will the entire doc be shown?

Sorry for all the questions but I am learning a lot. Thank you.

[Kami]

May 7, 2024 11:49:03 GMT -8 ashdur said:

The table looks fantastic! Not sure I understand the title of the table (Maple Groove Pancake Series ) is coded to match the title bar on my forum.

Yes I would like to keep the blue bar + white text + font size.

Question - will I be able to make edits to the table as needed? Also you example show just one page of the doc. Will the entire doc be shown?

Sorry for all the questions but I am learning a lot. Thank you.

Title bar matching:
So what I mean by this, is that on your forum the title bar (where it says the name of the category, like this) is styled in a particular way.



That purple bar with the white text inside is the title bar. I've coded the table so that, no matter what colour that bar may be (whether or not you have themes with different colour schemes, or if you decide to change this particular theme's colour scheme) it will always match the look and feel of the theme, without you having to manually change the colours. Presuming that makes a bit more sense now, does your opinion on the colour scheme of the table change in any way?

Re: changes to the table: Yes, you will be able to do that. I will provide a README.txt for you if you like what you see so far (pending the potential change to the title bar appearance) that will go over both how to update the table and add new rows, as well as how to create a completely new table with the same setup.

Re: the whole document: My apologies, but the document I opened only had 3 pages and all of those pages were a single table which is reflected on the custom page (bear in mind that word documents introduce "page breaks" if content exceeds the size of an 8.5x11 piece of paper, but websites will show a continuous page). I uploaded this document to google drive so you can see what I received: docs.google.com/document/d/1UugBgANDokLmhI1UsMMbaz0KlSMl-HNq/edit?usp=sharing&ouid=100683740543002330256&rtpof=true&sd=true

If there is more than that, then if you could try to send me a fresh copy as a .doc instead of a .docx, that would be helpful in determining what information is missing.

[ashdur]

It all looks great! I understand about the 3 pages in the doc. All is good.

[Kami]

May 7, 2024 13:01:42 GMT -8 ashdur said:

It all looks great! I understand about the 3 pages in the doc. All is good.

OK just for clarity (my apologies):
- Are we keeping the table coded to match whatever forum theme is active, or would you like it to be a consistent design like in your doc?
- There is no actual information missing from the table, it's just showing on one page when the doc shows three pages, correct?

[ashdur]

Consistent design like in the doc.

Within the doc there are a few areas I have not filed in yet with data if that is what you mean. The overall structure of the doc itself has nothing missing.

[Kami]

May 7, 2024 13:24:35 GMT -8 ashdur said:

Consistent design like in the doc.

Within the doc there are a few areas I have not filed in yet with data if that is what you mean. The overall structure of the doc itself has nothing missing.

- Understood
- What I mean is, did I display all the data in the doc on the custom page? It's not relevant to me if there's additional data, I just want to make sure that of the data provided, that it's all in. It will make it easier for me to show you how to edit this.

[ashdur]

I reviewed the example you sent and yes you did display all the data within the doc!

[Kami]

May 7, 2024 14:51:36 GMT -8 ashdur said:

I reviewed the example you sent and yes you did display all the data within the doc!

Perfect! Sorry for the delay on this but it's getting a little late here where I am, and I really want to make sure to write you some good documentation so I'll have this to you tomorrow afternoon, my sincerest apologies in the wait! I got caught up in other work haha.

[ashdur]

Well thanks for looking into this. Its now 11:00 AM May 8 where I am located. Where are located?
Alan

[Kami]

May 8, 2024 8:27:02 GMT -8 ashdur said:

Well thanks for looking into this. Its now 11:00 AM May 8 where I am located. Where are located?
Alan

It's almost noon for me; I am currently working on your documentation :) Should be about 20-45 minutes.

[ashdur]

Sounds like you maybe in the US and the same time zone as me. I am located in MN. Looking forward to this. I see you are posting a lot and helping many. Very nice of you to do so.
Alan

[Kami]

May 8, 2024 9:04:12 GMT -8 ashdur said:

Sounds like you maybe in the US and the same time zone as me. I am located in MN. Looking forward to this. I see you are posting a lot and helping many. Very nice of you to do so.
Alan

Thanks for your patience!

[HERE] is a link to the README. I would definitely recommend saving this doc to your PC as I often go through my google drive to delete files that I do not actively use.

And here (below) is the code. Install this code on a custom page, which you can create by going to admin > structure > custom pages. Create a "blank" custom page, navigate to the "HTML" tab, delete what's already there, and copy/paste the following into that zone.

The below code should be good to go with no modifications unless you want to change any of the content itself.

You can reuse this code (README has an empty copy) as needed on multiple custom pages, and the README goes over how to edit and modify the code.

If you have any questions, please let me know!


<style>
   .container.boards.custom__table {
       width:100%;
   }
   .custom__table.title__row {
       background-color: #2e75b5;
       color: #fff;
       text-transform: uppercase;
       font-size: 1.8em;
       text-align: center;
       letter-spacing: 0.1em;
   }
   .custom__table.title__row h2 {
       font-weight: bold!important;
       font-style: italic!important;
   }
   .custom__table.category__row, .custom__table.entries__row {
       display: grid;
       grid-template-columns: 11% 11% 11% 11% 11% 11% 11% 11% 12%;
   }
   .custom__table.category__row > div , .custom__table.entries__row > div {
       border-radius: 0;
   }
   .custom__table.category__row {
       background-color: #ddd;
       font-weight: bold;
       font-size: 1.1em;
   }
   .custom__cell {
       display: flex;
       justify-content: space-evenly;
       align-items: center;
       padding: 0.5em;
       border-right: 1px solid;
       text-align: center;
   }
   .custom__cell .custom__warning {
       display: contents;
       color: #ff0000;
   }
   .custom__cell .custom__emphasis {
       display: contents;
   }
   .custom__table.entries__row .custom__cell {
       border-top: 1px solid;
   }
   .custom__table.entries__row .custom__cell.first {
       font-weight: bold;
       background-color: #eee;
       text-align: center;
   }
   .custom__cell.last {
       border-right: transparent!important;
   }
   .custom__warning {
       color: #ff0000;
   }
   .custom__emphasis {
       font-weight: bold;
   }

</style>

<div class="container boards custom__table">
   <div class="custom__table title__row">
       <h2>
           <div class="title_wrapper">
               Maple Groove Pancake Series
           </div>
       </h2>
   </div>
<!--------------------------------------------------------
This section starts the content of the table
   --------------------------------------------------------->
   <div class="content cap-bottom custom__table">
       <!-------------------------------------------
This is the TITLE ROW that lists the different cetegories
--------------------------------------------->
       <div class="custom__table category__row">
           <!------------------------------------
After this point, these are the individual cells of the row
------------------------------------->
           <div class="custom__table custom__cell first">
               Class Names
           </div>
           <div class="custom__table custom__cell">
               Electrical
           </div>
           <div class="custom__table custom__cell">
               Armature OHMS
           </div>
           <div class="custom__table custom__cell">
               Armature Magnets
           </div>
           <div class="custom__table custom__cell">
               Traction Magnets
           </div>
           <div class="custom__table custom__cell">
               Gears & Gear Plate
           </div>
           <div class="custom__table custom__cell">
               Wheels, Axels, Tires
           </div>
           <div class="custom__table custom__cell">
               Wheelie Bar
           </div>
           <div class="custom__table custom__cell last">
               Misc.
           </div>
       </div>
       <!-- START CONTENT ROW #1 --->
       <div class="custom__table entries__row">
           <!------------------------------------
After this point, these are the individual cells of the row
------------------------------------->
           <div class="custom__table custom__cell first">
               Stock
           </div>
           <div class="custom__table custom__cell">
               Stock or stock type replacement. <span class="custom__emphasis">No braids or shunts.</span>
           </div>
           <div class="custom__table custom__cell">
               14.0 ohms minimum. <span class="custom__warning">No de-winding or custom winds. No blueprinting or balancing.</span>
           </div>
           <div class="custom__table custom__cell">
               Ceramic grade Dash and OS3 red and blue permitted.
           </div>
           <div class="custom__table custom__cell">
               2 Maximum mounted in stock location. <span class="custom__warning">No oversized magnets.</span>
           </div>
           <div class="custom__table custom__cell">
               Stock Plastic
           </div>
           <div class="custom__table custom__cell">
               
           </div>
           <div class="custom__table custom__cell">
               Allowed
           </div>
           <div class="custom__table custom__cell last">
               No Chassis Modifications, except removing of ears off of AFX type chassis for body mounting or the addition of wheelie bar.
           </div>
       </div>
       
       <!-- START CONTENT ROW #2 --->
       <div class="custom__table entries__row">
           <!------------------------------------
After this point, these are the individual cells of the row
------------------------------------->
           <div class="custom__table custom__cell first">
               Super Stock
           </div>
           <div class="custom__table custom__cell">
               Stock or stock type replacement. <span class="custom__warning">Braids and shunts allowed.</span>
           </div>
           <div class="custom__table custom__cell">
               14.ohm minimum. Blue printing allowed to include Balancing & Polishing. <span class="custom__warning">No de-winding or custom winds.</span>
           </div>
           <div class="custom__table custom__cell">
               Ceramic grade Dash and OS3 red and blue permitted.
           </div>
           <div class="custom__table custom__cell">
               2 Maximum mounted in stock location. <span class="custom__warning">No oversized magnets.</span>
           </div>
           <div class="custom__table custom__cell">
               Stock Plastic
           </div>
           <div class="custom__table custom__cell">
               
           </div>
           <div class="custom__table custom__cell">
               Allowed
           </div>
           <div class="custom__table custom__cell last">
               No Chassis Modifications, except removing of ears off of AFX type chassis for body mounting or the addition of wheelie bar.
           </div>
       </div>
       
       <!-- START CONTENT ROW #3 --->
       <div class="custom__table entries__row">
           <!------------------------------------
After this point, these are the individual cells of the row
------------------------------------->
           <div class="custom__table custom__cell first">
               Comp
           </div>
           <div class="custom__table custom__cell">
               Stock or stock type replacement. <span class="custom__warning">Braids and shunts allowed.</span>
           </div>
           <div class="custom__table custom__cell">
               5.5 ohm minimum. Blue printing allowed to include Balancing & Polishing. <span class="custom__warning">No de-winding or custom winds.</span>
           </div>
           <div class="custom__table custom__cell">
               Ceramic grade Dash and OS3 red and blue permitted.
           </div>
           <div class="custom__table custom__cell">
               2 Maximum mounted in stock location. <span class="custom__warning">No oversized magnets.</span>
           </div>
           <div class="custom__table custom__cell">
               Original top plate gears only. Any crown gear may be used. Gears may be polished and lapped. <span class="custom__warning">No lightening of gears.</span>
           </div>
           <div class="custom__table custom__cell">
               
           </div>
           <div class="custom__table custom__cell">
               Allowed
           </div>
           <div class="custom__table custom__cell last">
               Top plate and chassis must match. No chassis modifications except removing ears off of AFX type chassis for body mounting or the addition of wheelie bar.
           </div>
       </div>
       
       <!-- START CONTENT ROW #4 --->
       <div class="custom__table entries__row">
           <!------------------------------------
After this point, these are the individual cells of the row
------------------------------------->
           <div class="custom__table custom__cell first">
               Super Comp
           </div>
           <div class="custom__table custom__cell">
               Stock or stock type replacement. Braids and shunts allowed.
           </div>
           <div class="custom__table custom__cell">
               5.0 ohm minimum. No other restrictions.
           </div>
           <div class="custom__table custom__cell">
               Polymer Grade Only
           </div>
           <div class="custom__table custom__cell">
               2 Maximum mounted in stock location. <span class="custom__warning">No oversized magnets.</span>
           </div>
           <div class="custom__table custom__cell">
               No Restrictions
           </div>
           <div class="custom__table custom__cell">
               
           </div>
           <div class="custom__table custom__cell">
               Allowed
           </div>
           <div class="custom__table custom__cell last">
               Top plate and chassis must match. <span class="custom__emphasis">Chassis may be cut for addition of traction magnets or wheelie bar. Mounting ears may be cut for aftermarket body. Air gapping of motor magnets allowed. No other cutting allowed.</span>
           </div>
       </div>
       
       <!-- START ROW [NUMBER] --->
       <div class="custom__table entries__row">
           <!------------------------------------
After this point, these are the individual cells of the row
------------------------------------->
           <div class="custom__table custom__cell first">
               Unlimited
           </div>
           <div class="custom__table custom__cell">
               No Restrictions
           </div>
           <div class="custom__table custom__cell">
               No Restrictions
           </div>
           <div class="custom__table custom__cell">
               No Restrictions
           </div>
           <div class="custom__table custom__cell">
               No Restrictions
           </div>
           <div class="custom__table custom__cell">
               No Restrictions
           </div>
           <div class="custom__table custom__cell">
               No Restrictions
           </div>
           <div class="custom__table custom__cell">
               No Restrictions
           </div>
           <div class="custom__table custom__cell last">
               No Restrictions
           </div>
       </div>
   </div>
</div>


[ashdur]

Wow! I have made two copies of the readme file just to be safe. Now to insert it into ProBoards.
Instructions are very clear!
Alan

[Kami]

May 8, 2024 11:19:56 GMT -8 ashdur said:

Wow! I have made two copies of the readme file just to be safe. Now to insert it into ProBoards.
Instructions are very clear!
Alan

Let me know if you need anything else :)

[ashdur]

Well I created the custom page and not sure what to do next as I see no way to get to view the table. I am missing something! My lack of knowledge,'
Alan