[tw5] Re: Css Stylesheet for table: Background-color for only specific cells

['Surya' via TiddlyWiki]

Hi,

it seemed to me, that the styling of the columns overwrite the styling of 
the rows. And it seemed to be, that it doesn't matter, which styling is 
done first.

But I found now another solution for my calculation-in-a-table - wish.
I made it now without a table with . I made it in a way, that it 
looks a little bit similar like a table.
And with  it is much better for me. Visitors can edit the values much 
more easier, it looks better and the tiddler itself is much smaller than 
with the formula-plugin.

Nevertheless, thanks for your suggestions and that you thought about my 
problem! And now I know, that even the TW-experts do not know how to solve 
the colour-problem in the formula-plugin...

Now I just have a small -not so important- problem with the . But for 
that I open a new thread.
Thanks, Surya

>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/186741e5-466f-4d35-a39c-2d34544628ea%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: Css Stylesheet for table: Background-color for only specific cells

[TonyM]

Surya,

Could it be because however you style an individual cell the nth column 
styling is done after that?
or 
Should background:none be background-color:none as in the stylesheet 
tiddler?

Otherwise, I can't follow the full operation. And do not have the test 
platform.

I hope these suggestions help

Tony

On Monday, December 17, 2018 at 6:16:39 AM UTC+11, Surya wrote:
>
> Hi Tony, Mohammad & Ton,
> sorry for my late answer...
>
> I think, I mean a different thing.
> I *don't* have a "normal" static table like 
> |head1|head2|head3|
> |cell1|cell2|cell3|
>
>
> *But I generated a table with the formula plugin 
> (https://evanbalster.com/tiddlywiki/formulas.html 
> ).*
> The table-tiddler is:
>
> \define formulaFixed() 2
> \define ss_cols() A B C D E F G H I J
> \define ss_rows() 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 
> 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
> \define ss_cell() $(c)$$(r)$
>
> <$tiddler tiddler="Spreadsheet/Data My table">
>
> 
>
> <$vars popupState=<> popupCell=< "$:/temp/spreadsheet/popcell">> >
>
> <$reveal type="popup" state=<> >
> 
>
> <$set name="cell" filter="[titleget[text]]">
> ''<>'': <$edit-text tag=input index=<> size=150 />
> <$button 
> class="tc-btn-invisible">{{$:/core/images/save-button}}<$action-setfield 
> $tiddler=<> text=""/>
> 
>
> 
> 
>
> 
> <$list variable=c filter=<> ><> >
> <$list variable=r filter=<> >
> 
> <>
> <$list variable=c filter=<> >
> <$button popup=<> style=
> "width:100%;margin:0;padding:6px;display:block;background:none;border:none;cursor:pointer;"
> ><$action-setfield $tiddler=<> text=<>/> <$formula 
> formula=<>/>
> 
> 
> 
> 
> 
> 
>
> 
>
> 
>
> 
>
>
>
>
> It is styled with a Stylesheet-tiddler like this (only a little bit of the 
> stylesheet-tiddler copied, just to show how):
>
> .my-table th:nth-child(11),
> .rezepterechner-table td:nth-child(1) {
>   background-color:white;font-size:0.5em;
> }
>
> .my-table td:nth-child(3) {
>   background-color:#ffa366;
> }
>
> .my-table tr:nth-child(1) {
>   font-weight:bold;
> }
>
>
>
> Now it looks like (a screenshot is -because of a lot of rows- too big I 
> think and in german, so I show it like this and just as an example):
>
> |*header1*|*header2*|*header3*|*head**er4*|*head**er5*|*head**er6*|
> |cell1|cell2|cell3|cell4|cell5|cell6|
> |cell11|cell12|cell13|cell14|cell15|cell16|
> |cell21|cell22|cell23|cell24|cell25|cell26|
> |*cell31*|*cell32*|*cell33*|*cell34*|*cell35*|*cell36*| >this row is 
> styled to be green. But it is overwritten from the styled columns (2, 3, 
> 5 & 6), so only the not-styled cells are green)
> |*cell41*|*cell42*|*cell43*|*cell44*|*cell45*|*cell46*| >this row is 
> styled to be orange. But it is overwritten from the styled columns (2, 3, 
> 5 & 6), so only the not-styled cells are orange)
>
>
>
> But it should look like this:
>
> |*header1*|*header2*|*header3*|*head**er4*|*head**er5*|*head**er6*|
> |cell1|cell2|cell3|cell4|cell5|cell6|
> |cell11|cell12|cell13|cell14|cell15|cell16|
> |cell21|cell22|cell23|cell24|cell25|cell26|
> |*cell31*|cell32|*cell33*|cell34|cell35|cell36|
> |*cell41*|cell42|*cell43*|cell44|cell45|cell46|
>
> Do you understand, what I mean??
> Any help??? Pleeeaaase... :-)
> Surya
>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/f074cee8-3d04-47a2-a07d-9f279a657517%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: Css Stylesheet for table: Background-color for only specific cells

['Surya' via TiddlyWiki]

Hi Tony, Mohammad & Ton,
sorry for my late answer...

I think, I mean a different thing.
I *don't* have a "normal" static table like 
|head1|head2|head3|
|cell1|cell2|cell3|


*But I generated a table with the formula plugin 
(https://evanbalster.com/tiddlywiki/formulas.html 
).*
The table-tiddler is:

\define formulaFixed() 2
\define ss_cols() A B C D E F G H I J
\define ss_rows() 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 
23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
\define ss_cell() $(c)$$(r)$

<$tiddler tiddler="Spreadsheet/Data My table">



<$vars popupState=<> popupCell=<> >

<$reveal type="popup" state=<> >


<$set name="cell" filter="[titleget[text]]">
''<>'': <$edit-text tag=input index=<> size=150 />
<$button 
class="tc-btn-invisible">{{$:/core/images/save-button}}<$action-setfield 
$tiddler=<> text=""/>






<$list variable=c filter=<> ><>
<$list variable=r filter=<> >

<>
<$list variable=c filter=<> >
<$button popup=<> style=
"width:100%;margin:0;padding:6px;display:block;background:none;border:none;cursor:pointer;"
><$action-setfield $tiddler=<> text=<>/> <$formula 
formula=<>/>
















It is styled with a Stylesheet-tiddler like this (only a little bit of the 
stylesheet-tiddler copied, just to show how):

.my-table th:nth-child(11),
.rezepterechner-table td:nth-child(1) {
  background-color:white;font-size:0.5em;
}

.my-table td:nth-child(3) {
  background-color:#ffa366;
}

.my-table tr:nth-child(1) {
  font-weight:bold;
}



Now it looks like (a screenshot is -because of a lot of rows- too big I 
think and in german, so I show it like this and just as an example):

|*header1*|*header2*|*header3*|*head**er4*|*head**er5*|*head**er6*|
|cell1|cell2|cell3|cell4|cell5|cell6|
|cell11|cell12|cell13|cell14|cell15|cell16|
|cell21|cell22|cell23|cell24|cell25|cell26|
|*cell31*|*cell32*|*cell33*|*cell34*|*cell35*|*cell36*| >this row is styled 
to be green. But it is overwritten from the styled columns (2, 3, 5 & 6), 
so only the not-styled cells are green)
|*cell41*|*cell42*|*cell43*|*cell44*|*cell45*|*cell46*| >this row is styled 
to be orange. But it is overwritten from the styled columns (2, 3, 5 & 6), 
so only the not-styled cells are orange)



But it should look like this:

|*header1*|*header2*|*header3*|*head**er4*|*head**er5*|*head**er6*|
|cell1|cell2|cell3|cell4|cell5|cell6|
|cell11|cell12|cell13|cell14|cell15|cell16|
|cell21|cell22|cell23|cell24|cell25|cell26|
|*cell31*|cell32|*cell33*|cell34|cell35|cell36|
|*cell41*|cell42|*cell43*|cell44|cell45|cell46|

Do you understand, what I mean??
Any help??? Pleeeaaase... :-)
Surya

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/f7e90378-081d-47dc-9bfd-16c5cf7530bb%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: Css Stylesheet for table: Background-color for only specific cells

[Ton Gerner]

Hi Surya,

Have a look at https://tobibeer.github.io/tb5/#Formatting%20Table%20Cells

Cheers,

Ton

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/95c7e889-4eaf-4b0a-9f9b-7918a6ebc2ce%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: Css Stylesheet for table: Background-color for only specific cells

[Mohammad]

Hi Surya!
 Take a look at 

Shiraz plugin 


There are ready to use colorful tables and you can see how classes is 
developed to apply colors to cells.


Good luck

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/b5c19e02-99ec-4096-804b-8f728a773b01%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: Css Stylesheet for table: Background-color for only specific cells

[TonyM]

Suyra

You could wrap the contents of a cell in

@@.class contents@@ define class in a stylesheet tiddler.

Personaly I use html tables with a list widget to generate rows, and within 
that a list to generate columns/cells. Then this allows me to change styles 
with some logic where I need it.

I hope this leads to a solution.

Tony

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/61d7c961-d58d-470f-9d07-72e77a84afab%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: Css Stylesheet for table: Background-color for only specific cells

['Surya' via TiddlyWiki]

Please can anybody help me with this??
I really need that for the visitors of my page.
With the coloured cells they will automatically know, where they should 
edit a value, and where not. And where is what kind of result.

I tried to do that only with coloured rows & columns, but it looks really 
weird and confusing.

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/d4568082-777a-4c8c-977d-093e4e7a4ffd%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.