Modern Table Row

[MohamedEsmat]

Hi @Jaflo
I have kanban but how can i integrate it to make tables like this one please !

[TitanEsXVI1]

Thanks you very much

[Andrea_Lucia]

hi! how does it work? i try to do it, but i didn’t work

[Oxirius]

Gracias. Son muy buenos tus tutoriales. Saludos cordiales

[guan_Guan]

@Browneyedsoul Hi! Is there any way to hide reference descriptor in column table or column row like this?

Old css(from hannesfrank) to hide the indentation marker failed to work since 1.8 updated

[Browneyedsoul]

Hey, @guan_Guan

I didn’t get what the reference descriptor means. You mean that is it a float-right reference backlink counter?
Due to mosaic in your attached image, I’m just curious if I understand your word correctly

[guan_Guan]

It’s a image from 1.76. Forgive me that I can’t make it again in 1.8

I copied a piece of CSS from column table(from WIP: Table Layout - Extension Development - RemNote and combined it with your Modern table column/Row.
In the “Back of card” cell, “descriptor( by making a reference from the template)” and “;;” get hiden. Therefore I can make cards in a table. But in 1.8 it didn’t work again.
Sorry that My English is a little rusty.

[Browneyedsoul]

Umm…So. Let me clarify, you want to remove those unintended reference inline blocks. is it right?

[guan_Guan]

Yes! That’s exactly what I want!

It’s hidden from appearance, but it exits in flashcard queue!

[Browneyedsoul]

Here is the snippet you would want

.descriptor_rem_type .rn-rem-reference.rem-reference.highlight-color--purple {
	display: none;
}

Make sure that you have to hightlight those slots to purple color to declutter those references
good luck to you!

[guan_Guan]

Thanks for your snippet! It works well!
There are other two problems marked by red signals in the picture. Could you fix that?

[Browneyedsoul]

Maybe you deleted invisible descriptor at the front of the rems. pls keep in mind that the method I suggest was just decluttering from window and due to the complexity of difference between focused and idle state of remnote editor, the demand is quite too complex to achieve.
I ask for your understanding regarding this matter.

Cheers,

[guan_Guan]

Thanks. Your answers and CSSs helps a lot.

[Thonmath]

Hi,
First i would like to thank you for the CSS, i’m sure it helped many people, me inculded.
I had a question about the “cells” height, is there currently a way to make the first “cell” of each “columns” be the same height as the others, and the second to the other second etc… as opposed to the last cell of a column compensating ?
I don’t know if my question is clear so i hope the picture will help,

Thanks in advance.

[Browneyedsoul]

Hi @Thonmath ,

For that matters, please use “Modern Table Row” instead.

You can find more detailed specification here.

Good luck!

GitHub - browneyedsoul/RemNote-CSS-Library: A Curated List of RemNote CSS...

or

I just updated the “Modern Table Column” height to be controlled by simple indentation

give it a try like this!

[guan_Guan]

Hi, Thank you for the table CSS, it really helps me a lot in the past months/years.

I had a question about the “redundancy” of the reference and its related card printing characters when I make flashcards in a table.

Is there a way to only retain the back content of the card in the editor mode? That will combine flashcards and your tables closely and coherently in Remnote.

Thanks a lot!

[Browneyedsoul]

Hey. @guan_Guan

try this snip with Tag named frm (front remover)

[data-rem-container-tags~=table90][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table90][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table90][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table120][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table120][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table120][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table150][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table150][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table150][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table180][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table180][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table180][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table210][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table210][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table210][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table240][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table240][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table240][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table270][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table270][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table270][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table300][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table300][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table300][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table330][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table330][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table330][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table360][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table360][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table360][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table390][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table390][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table390][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table420][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table420][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table420][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table450][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table450][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table450][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table480][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table480][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table480][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table510][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table510][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table510][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table540][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table540][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table540][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table570][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table570][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table570][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table600][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table600][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table600][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table630][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table630][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table630][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table660][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table660][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table660][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table690][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table690][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table690][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table720][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table720][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table720][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table750][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table750][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table750][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table780][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table780][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table780][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table810][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table810][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table810][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table840][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table840][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table840][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table870][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table870][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table870][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table900][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table900][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table900][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table930][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table930][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table930][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table960][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table960][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table960][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table990][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table990][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table990][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table1020][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table1020][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table1020][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table1050][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table1050][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table1050][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table1080][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table1080][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table1080][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table1110][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table1110][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table1110][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table1140][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table1140][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table1140][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table1170][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table1170][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table1170][data-rem-container-tags~=frm] .rn-card-delimiter,
[data-rem-container-tags~=table1200][data-rem-container-tags~=frm] .descriptor_rem_type,
[data-rem-container-tags~=table1200][data-rem-container-tags~=frm] .separator-symbol,
[data-rem-container-tags~=table1200][data-rem-container-tags~=frm] .rn-card-delimiter {
  display: none;
}

[guan_Guan]

Amazing! Thank you very much!

[Joodo_Liang]

It doesn’t work now…any update?

[Manuth_Pemmawadu]

Yeah for me too. Is it because of the new update? Would love an update on this as this one of one of my favorites.