Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
playground:fpga_resourcecenter:collapsiblepanels [2017/02/02 02:12] – James Colvinplayground:fpga_resourcecenter:collapsiblepanels [2022/10/04 11:38] (current) – external edit 127.0.0.1
Line 1: Line 1:
-===== Bootstrap collapse =====+===== Bootstrap collapse and outliner=====
  
-These are examples of using default bootstrap html css and js collapse. The only modification from the bootstrap documentation is that panel headings can't use <a> tags. +===== Outliner ===== 
 +This is the far more superior outliner code since you could actually memorize how to do it. 
 + 
 +--> Section 1 without preview thanks to the pound sign# 
 + 
 +  * List item one in Section 1 without number 
 +  - Item number 1 
 +  - Item number 2 
 +  - Item number 3 
 + 
 +Some other syntax. even **//__Wiki__//** ''syntax'' 
 + 
 +--> Nested section opened by default with the carrot sign and a tooltip preview without the pound sign^ 
 + 
 +I'm a tooltip and the content! And obnoxious as a tooltip! 
 + 
 +--> Nested nested content?# 
 + 
 +That would be super awesome if this works\\ horray it does!\\ you'll notice that adding the close out code <-- does nothing if it's not at the start of a new line 
 + 
 +<-- close nested nested content comment 
 +outside of nested nested content 
 + 
 +<--close nested content in section 1 comment 
 +Continue section 1 outside of nested content?  
 + 
 +<-- A COMMENT TO CLOSE OUT SECTION 1 THAT IS INVISIBLE!!!! YESSSSSS!!!!!! 
 +Outside of section 1 before section 2. There's an invisible comment closing out section 1 
 + 
 +--> You know you want to try out a section 2!# 
 +Okay, so it's not a real section 2 that auto numbers. I just made the title look like it did that.\\ Otherwise 
 +section 2 is quite beautiful wouldn't you say? I can even put a table inside it 
 +^ A beautiful table ^^^ 
 +^Left Header  ^  Center Header  ^  Right Header| 
 +|  content 1  |      Content 2  |   Content 3  | 
 +| content 1a  | :::             |  content 3a  | 
 +make sure you have some sort of line between a table and the close out ''<''''-''''-'' code\\ otherwise it apparently breaks the code 
 +<-- close out section 2 
 + 
 +outside of all of the sections 
 + 
 + 
 +\\ \\  
 +start up a new sectional outliner thing after using a couple of ''\\'' newline codes 
 +--> A brand new section 1 that starts out opened, but no preview#^ 
 +some cool internal content to the new section 1 
 +<-- 
 + 
 + 
 +===== Bootstrap Collapse ===== 
 + 
 + 
 +These are examples of using default bootstrap html css and js collapse. The only modification from the bootstrap documentation is that panel headings can't use <a> tags and it looks super gross in the editor.
  
 <html> <html>