Get EasyTable Pro !

Get a Subscription for EasyTable Pro!
(
The current version is emailed to you when your subscription is payed.
Existing Subscribers can download here

Sunday May 20 , 2012
Font Size
   
Setting Column Width by CSS

The CSS

Using CSS you can control the look of all aspects of a table created by the EasyTable Pro component — this FAQ lists CSS ID's and classes.

If you had a table with an alias of "sample-data" and a field with an alias of "column-2-image" you could create an entry in your templates CSS that sets the width.

#sample-data td.colfld.column-2-image {

width: 160px;
}

We would normally suggest putting it at the end of the template.css file.

Checking the CSS

To check if your CSS is being applied properly we recommend using either Firefox with the Firebug extension or Safari/Chrome's built in web kit inspector. Using these you can point to the element you expect the CSS to be affecting and right click and select "Inspect Element".

Menu Item Safari/Chrome Inspect Element Firefox + Firebug Inspect Element Menu Item

If your CSS is properly structured and matches the ID and classes of your table by clicking on the TD element in the inspector view you will see the associated CSS as shown below.

Safari/Chrome Webkit Inspector Firefox Firebug Inspector

Typical problems to look for when CSS doesn't attach to the element are: syntax errors, ID or class name errors or website/browser cache issues.

 

RSForm! Pro by RSJoomla!


RSForm!Pro is a powerful Joomla! form creator, helping you to create custom forms in minutes. The new product makes form management much easier and gives you the time to handle your clients better.

For only €19.00 how can you go wrong?
 ( We've used it for years... Shouldn't you? )

Member Login