• Free Domain Names with Yearly hosting

You are here: Home Joomla Joomla Forums

spacer
Welcome, Guest
Please Login or Register.    Lost Password?

Very nice work!
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Very nice work!
#34
Very nice work! 4 Years, 4 Months ago Karma: 0  
I have a lot of tables and have allways had to CSS tag them one at the time.. this is a real time saver.. great work!

How can i control the padding in the tables?
I usually have like this in my tables when using CSS on each row:

padding-top: 3px;
padding-right: 8px;
padding-bottom: 3px;
padding-left: 8px;

I now try to apply one table css to the table at the same time as using Tigra Tables but the padding doesn't show.

And another question.. is there any way we could use colors from or template css file as alternate table colors instead of setting them manually for each table?
That way if i need to change the colors i just have to adjust the css and all tables would update.
It would be very useful if you could use something like this:

{ sbdtigratable tableid=test headeroff=1 footeroff=0 oddcol=css#TDcol1 evencol=css#TDcol2 movercol=css#TDcol3 onclickcol=css#TDcol4}

I could then set up all colors in my css and call them with your tag above.. did this make sence?

ANyway kepp up the great work.

Cheers
John (User)
Fresh Boarder
Posts: 7
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#35
Re:Very nice work! 4 Years, 4 Months ago Karma: 14  
Thanks,

In response to your first question you should still be able to alter the css of the table with something similar to below using the id of the table:

Code:


table #exampleone{
padding-top: 13px;
padding-right: 18px;
padding-bottom: 31px;
padding-left: 18px;
}

table #exampleone td { padding-top: 10px; }



Or you could add a class element to the table and use the following:

Code:


table .exampleone td{
padding-top: 13px;
padding-right: 18px;
padding-bottom: 31px;
padding-left: 18px;
}



I've altered my example page and template css file to the class option to show its affect, though did try both ways.
Example Page

As too the other question, it does make sense, and sounds a good idea, I'll have a closer look into modifying the code.

Thanks for the suggestion
SimpleByDesign (Admin)
Moderator
Posts: 435
graph
User Offline Click here to see the profile of this user
Gender: Male Birthdate: 1977-09-21
The administrator has disabled public write access.
 
#36
Re:Very nice work! 4 Years, 4 Months ago Karma: 14  
New version:

Just uploaded a new version which has the ability as mentioned to us css file for its settings.

Download latest SBD Tigra Tables

It can either use its own default css file located in the following location:

joomla installation/mambots/content/sbdtigratable/sbdtigratable.css

Or the current templates css file.

To use the css style use the following:

{sbdtigratable tableid=test headeroff=1 footeroff=0 oddcol=css#TDcol1 evencol=css#TDcol2 movercol=css#TDcol3 onclickcol=css#TDcol4}
Hope this new version makes things easier.<br><br>Post edited by: SimpleByDesign, at: 2007/09/22 22:14
SimpleByDesign (Admin)
Moderator
Posts: 435
graph
User Offline Click here to see the profile of this user
Gender: Male Birthdate: 1977-09-21
The administrator has disabled public write access.
 
#37
Re:Very nice work! 4 Years, 4 Months ago Karma: 0  
Thank you.. i like it a lot
This is very good and makes things a lot easier.

Only thing i don't get to work is the padding thing.
I want each row to have the content padded lets say 15px from left and right but only 3px from top and bottom.
No matter what i try the text allways starts 0px from left and no other padding is applied.

Before i allways made a css for even/odd rows, this was one of my old row css that i applied manually to each row:

Code:

.tdblue4 {

background-color: #B3D9FF;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 10px;
}



Can't i use something like this on the even/odd row css thing and get the content padded like this? <br><br>Post edited by: John, at: 2007/09/24 15:10
John (User)
Fresh Boarder
Posts: 7
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#38
Re:Very nice work! 4 Years, 4 Months ago Karma: 14  
Hi,

Unfortunately at the moment it appears that the CSS settings are stripped out when the javascript processes the table, so the only thing left is the background colour change.

You should be able to affect all the rows with something like:

Code:

table #tableID td{
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
}



Unfortunately you will have to do it for every table in the page, assuming they have different table IDs.

So not only do you have the css background-color code for your odd/even rows, but one as well for the table.

So for example if your table is #tableBlue4 and your row .tdblue4, you may have the following:

Code:

table #tableBlue4 td{
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
}

.tdblue4{
    background-color: #B3D9FF;
}



That would make all rows for the table use your padding options and the javascript to apply the colour, however what you cannot do is set padding for individual rows as mentioned earlier this is currently stripped out by the javascript.

Another mod I may look at is to pass full styling across rather than just background colour, this way you would hopefully get full control of the changes, i.e as you highlight a row it could go bold or similar...something for a future rainy day!

Post edited by: SimpleByDesign, at: 2007/09/25 00:29

Post edited by: SimpleByDesign, at: 2007/09/25 00:30<br><br>Post edited by: SimpleByDesign, at: 2007/09/25 00:31
SimpleByDesign (Admin)
Moderator
Posts: 435
graph
User Offline Click here to see the profile of this user
Gender: Male Birthdate: 1977-09-21
The administrator has disabled public write access.
 
#39
Re:Very nice work! 4 Years, 4 Months ago Karma: 0  
Yes !!!

Thank you.. it all works perfect now, couldn't be happier.

John (User)
Fresh Boarder
Posts: 7
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 1
Copyright © Simple By Design Limited