↑ Return to W70 Tables

W77 Auto-Table Post GUI

by
George Morgan
My articles
Follow on:

Page no: W77

 

Tinytable: Post Gui

  • Create a GUI in Wp backend -> post
  • Option to turn on/off the algo for this post only
  • Width and class of the tinytable
  • Option to tell how much chars must be on one row
  • Option to tell if there is no image what to do
  • option to set width of the image
  • option to set width of the two columns
  • option which of the two methods to use: 1) in Frontend 2) in FeedWordpress
Create a GUI Post in WP Backend

Create a GUI Post in WP Backend
Create a GUI Post in WP Backend

- Click to enlarge

POST GUI Test Case

Test auto tinytable on / off (Post GUI)

 

Testing cases:

!Precondition: Tinytable on Global must be ON

  1. If OFF -> then no tinytable
  2. IF ON -> then tinytable
  3. IF EMPTY -> then use global

 

TinyTable Post GUI
TinyTable Post GUI

- Click to enlarge

Outcome:

Off –> no tinytable

TinyTable Post GUI Disabled
TinyTable Post GUI Disabled

- Click to enlarge

On –> tinytable

TinyTable Post GUI Enabled
TinyTable Post GUI Enabled

- Click to enlarge

Empty –> uses global gui settings

TinyTable Post GUI Empty
TinyTable Post GUI Empty

- Click to enlarge

Test

Testing cases:

  1. Test Front-end -> post must be not changed in backend
  2. Test Feedwordpress -> post must be changed in backend

Auto TinyTable Methods
Auto TinyTable Methods

- Click to enlarge

Outcome:

Front-end -> post must be not changed in backend

 

TinyTable Post GUI Enabled
TinyTable Post GUI Enabled

- Click to enlarge

Feedwordpress -> post must be changed in backend Not possible at the moment. We need to go live first


Testing cases:

!Precondtion: We need a post without single image

!Precondtion 2: We need to set Tinytable algo if no images to “Use tinytable algo” in Global GUI

  1.  Set on “Not use tinytable algo” -> Tinytable algo must be not be used
  2. Set on “Use tinytable algo” ->  Tinytable algo must be used with only one column field, the other one – empty.

TinyTable Algo Use Post GUI
TinyTable Algo Use Post GUI

- Click to enlarge

Outcome:

Set on “Not use tinytable algo” -> Tinytable algo must be not be used

 

TinyTable Algo Disabled
TinyTable Algo Disabled

- Click to enlarge

Set on “Use tinytable algo” ->  Tinytable algo must be used with only one column field, the other one – empty.

TinyTable Algo Enabled
TinyTable Algo Enabled

- Click to enlarge

 

Testing cases:

!Precondtion : We need to set Tinytable class to “tinytable”

  1. Set class to “tinytable” -> the post must look good as usual tinytable
  2. Set class to “TESTtinytable” -> Post must look broken
  3. Leave it empty -> post must look good

Set Table Class in Post GUI
Set Table Class in Post GUI

- Click to enlarge

Outcome:

Set class to “tinytable”

TinyTable Class Written in Post GUI
TinyTable Class Written in Post GUI

- Click to enlarge

Set class to “TESTtinytable” 

Wrong Table Class Written in Post GUI
Wrong Table Class Written in Post GUI

- Click to enlarge

Leave it empty

Empty Class in Post GUI
Empty Class in Post GUI

- Click to enlarge

Tinytable width (Post GUI)


Testing cases:

  1. Set width to 1201 -> see in code if it is the same
  2. Set width to 600 -> see if the table looks bad
  3. Leave empty -> must take global variable

TinyTable Set Width Post GUI
TinyTable Set Width Post GUI

- Click to enlarge

Outcome:

Set width to 1201

TinyTable Width Set 1201 Test Post GUI
TinyTable Width Set 1201 Test Post GUI

- Click to enlarge

Set width to 600

TinyTable Width Set to 600 Test
TinyTable Width Set to 600 Test

- Click to enlarge

Leave empty

TinyTable Set Width is Empty in Post GUI
TinyTable Set Width is Empty in Post GUI

- Click to enlarge

 

See more for W7x Tables