Editing Tables

[pdurber]

I'm trying to use the "Table" widget to layout some pages for a colleague.

One created, can I get into the table properties to turn off the borders? If I insert a table inside the table it lets me choos, but just using the table widget I don't seam to be able to get to the properties.

[Graham Quince]

Hi Paul

When editing, if you open the Table properties, by right-clicking on the Table and Choose Table Properties, you should see an option for Border Size.  By default, it is set to 1, but setting it to 0 should hide it

[pdurber]

This is what I've been looking for, however, when I right click I don't get the option to go into Table properties. Is it sensitive to where you right click?

[Graham Quince]

Sorry @pdurber - even though you wrote the Table widget, I still read it as the Table option in the Text widget.  

In all honesty, the Text widget's version is more flexible than the table widget and you can still paste tables from Word directly into it.

To force the Table widget's borders to be hidden, you'll need to use CSS in an HTML widget:

<style>
    .widget_table .table-cell {
        border: 0px !important;
        
    }
</style>

This was make all Table widget borders hidden.  This one below would control just the current widget, but you need to use Inspect in the browser to identify the widget UUID

<style>
  div[data-content-uuid="UUID"] .widget_table .table-cell {
    border: 0px !important; 
  }
</style>  

 

[pdurber]

No worries.

The only issue with using the table option in the text widget is that it behaves a bit erratically on mobile devices, and is irritating to fill in edit mode, whereas the table widget is far better behaved.

I'm guessing that by"all table widget borders" you mean on that page?

Thanks for the pointer above.

[pdurber]

@Graham Quince While I've got you. Is there a site theme similar to "Basic Navigation only" that will leave the tabs visible at the top of the page if I scroll down?

[Graham Quince]

The only theme I can think of is the Crystal Theme - to have the menu fixed in place.

The Text widget's table settings don't have to be a pixel measure, you can alter this in table properties to be 100% and that way it will be more responsive on smaller screens.