WordPress.org

1. Llasse
   Member
   Posted 2 weeks ago #

   Hey there,
   I want to change the column-width of columns which can be seen when editing the table in the admin-interface. Its current size is around 190px which - if you have more than 8 columns - is a pain to edit, as you always have to scroll right and left (even though I only need 5px-wide columns, as I only handle numbers)

   I understand that you can edit the styles in the plugin-dir\wptable..\admin\admin-style.css

   But changes here won't really work - any ideas how I can change the width of the columns, so they get much smaller and easier to overview?

   Thanks in advance - awesome plugin!

2. TobiasBg
   Member
   Posted 2 weeks ago #

   Hi,

   I understand your need for this, but currently is not so easy to change.
   Also, I'll be shipping the next version 1.5 with a new "Edit table" layout, which again might break those changes.
   I would therefore ask you to wait for version 1.5 and then ask again, if there's still a need for this.
   Besides changing the 190px to a smaller value there might also be some width=100% somewhere on a table element which overwrites your changes again.

   Thanks for your understanding!
   Regards,
   Tobias

3. Llasse
   Member
   Posted 2 weeks ago #

   But as this seems to be only a CSS-issue, there might be a relatively easy fix - I just cannot make out why my changes (deleting the 190px/changing it) don't show any effects - especially as the width:100% parameter must (even if it overrides something) refer to a containing element - which must have the size...

   Am I working on the correct CSS file?

   (Sorry that I'm somehwat unpatient, but there is someone else on the user side, who is not really understanding "why can you fix the design on every page of the entire site with two clicks and not make this table look smaller?" hehe..

   Any more comments on the CSS-file?

4. TobiasBg
   Member
   Posted 2 weeks ago #

   Hi,

   yes, it is only a CSS issue, but the designed behavior is to have the cells 190px wide.
   But I had a look into it and here is a way to change it to smaller widths. Be aware though that this might change in the next version (actually it should be easier then).

   The plugin uses either admin-style.css or admin-style.dev.css (in the admin subfolder), depending on your WPs settings regarding script compression an concatenation.
   You can check the source of the HTML to check which one is used.
   Then you need to edit that file like this:

   Search for the selector #table_contents textarea and change width:100%; to something smaller like width:50px;. Remove the min-width:190px;.

   Search the selector #table_contents .hide-columns .check-column and remove width:auto;.

   Search the selector #table_contents td and remove white-space:nowrap;.

   I found these changes using Firebug and they successfully change the width for the current version 1.4.2a.

   Hope this helps :-)

   Regards,
   Tobias

5. Llasse
   Member
   Posted 2 weeks ago #

   Yes, this is really really nice support.. thanks a lot!

Reply

You must log in to post.