Dashticz - Module - Garbage collector Topic is solved

[Enz0jacco]

with the new update my break line between the trash type and date is not working anymore. I tried to put the line break in the date separator but that just gives me a </br>.
any other way to get the trash type on top and the date on the bottom?

thnx!

You should get the 'old' behavior if you add 'layout: 0' to your block definition.
(but then of course you'll loose the table formatting)

That’s no problem for me! Thnx again!


Sent from my iPad using Tapatalk

unfortunately adding layout: 0 is not allowing me to put the brake line after the name of the container in the garbage config file (name: 'GFT<br>'). this was working before the beta update.

I also tried to put the break line as date seperator (date_separator: '<br>'), which gave me the name with <br> as well.
I also tried different variants like <br/> and <br /> with no luck.

any other ideas to put a break line between the name of the container and the date?

[Lokonli]

You should get the 'old' behavior if you add 'layout: 0' to your block definition.
(but then of course you'll loose the table formatting)

That’s no problem for me! Thnx again!


Sent from my iPad using Tapatalk

unfortunately adding layout: 0 is not allowing me to put the brake line after the name of the container in the garbage config file (name: 'GFT<br>'). this was working before the beta update.

I also tried to put the break line as date seperator (date_separator: '<br>'), which gave me the name with <br> as well.
I also tried different variants like <br/> and <br /> with no luck.

any other ideas to put a break line between the name of the container and the date?

O, yes, you're right.

Little mistake in the garbage template.

It's fixed in latest beta. Update with 'git pull'. You have to clear the cache, otherwise the new template file is not loaded.

You can insert a line break by defining date_separator:'<br>'

[Enz0jacco]

That’s no problem for me! Thnx again!


Sent from my iPad using Tapatalk

unfortunately adding layout: 0 is not allowing me to put the brake line after the name of the container in the garbage config file (name: 'GFT<br>'). this was working before the beta update.

I also tried to put the break line as date seperator (date_separator: '<br>'), which gave me the name with <br> as well.
I also tried different variants like <br/> and <br /> with no luck.

any other ideas to put a break line between the name of the container and the date?

O, yes, you're right.

Little mistake in the garbage template.

It's fixed in latest beta. Update with 'git pull'. You have to clear the cache, otherwise the new template file is not loaded.

You can insert a line break by defining date_separator:'<br>'

unfortunately that doesn't work.
I did the git pull, cleared the cache and have the following code

blocks['garbage'] = {}
blocks['garbage']['date_separator'] = '<br>';
blocks['garbage']['layout'] = 0;

am I missing something.

oh yeah I did the git pull again just to veriy and it said up to date.

[Lokonli]

yesterday I've created 3.6.9: Did you receive that update?

If not, maybe you're on the wrong branch:

Code: Select all

git checkout beta
git pull

Check that git doesn't report any error.

If it's still not working I'll add a layout:2 option, to explicitly set the line break in the garbage template already.

[Enz0jacco]

did the checkout beta and received the latest with git pull.
it gave me the following message:
Your branch is up to date with 'origin/beta'.

unfortunately no result:(

[Enz0jacco]

the weird thing is i can insert anything at date-separator like = - , and it works fine.
you would expect that once u put <br> it gives me <br> literally, but instead it gives me a space in that case

[Lokonli]

the weird thing is i can insert anything at date-separator like = - , and it works fine.
you would expect that once u put <br> it gives me <br> literally, but instead it gives me a space in that case

I can't explain why it's not working. Maybe some interaction with your custom.css?

Anyway, I've added the option layout:2 to latest beta. It will add the <br> between the dataseparator and the date.

Could you test this one?
(update with git pull)

This should work ...

[Enz0jacco]

the weird thing is i can insert anything at date-separator like = - , and it works fine.
you would expect that once u put <br> it gives me <br> literally, but instead it gives me a space in that case

I can't explain why it's not working. Maybe some interaction with your custom.css?

Anyway, I've added the option layout:2 to latest beta. It will add the <br> between the dataseparator and the date.

Could you test this one?
(update with git pull)

This should work ...

So I tried the git pull and layout 2 but it did't work. so I took a look at the css file and put everything between /* */ and then it worked. so it was my css file:( I'm sorry for the inconvenience Lokonli.
I'm very glad now about the garbage collector so thank you very much!

[Lokonli]

Good to know it's working.

For my learning: what in custom.css caused the problem?

[Enz0jacco]

I had this:

Code: Select all

.trash .col-data,
.trash .state div.trashtoday,
.trash .state div.trashtomorrow {
        display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center; !important; }

and removed the trashtoday and tomorrow so like this:

Code: Select all

.trash .col-data {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center; !important; }

[Lokonli]

Thanks.

The display:flex in combination with align-items: center will indeed align vertically.

[Enz0jacco]

is there a way to adjust the trashdate from xx-xx-xxxx to xx-xx.
so removing the year. For me its pretty obious which year it should be:P

[Chris12]

@lokonli, how to add some extra paces between the garbage type and date?
I use this:

Code: Select all

date_separator: ' -    ',

but no extra spaces are added, due to the browser is removing it I think
(https://www.w3schools.com/html/html_entities.asp)

I tried with &nbsp; but that gives me the text &nbsp;

[Lokonli]

You could shift the garbage date to the right by adding the following to custom.css:

Code: Select all

.trash table {
    width: 100%
}

or if you prefer to make the separator wider:

Code: Select all

.trashsep {
    width: 50px
}

[Chris12]

thanks! thats works fine. Appreciate all the help you give!

[cduijker]

I am struggling with some css modifications:
I would like to move the table with the dates of the garbage module to the right so it doesn't cover the garbage bin image.
When I add margin-left: 40px; to
<div class="col-xs-8 col-data state"><table> in the dev-tools of a browser it displays correctly..

However; how do I add that to the custom.css file?

regards,
Chris

[Lokonli]

I am struggling with some css modifications:
I would like to move the table with the dates of the garbage module to the right so it doesn't cover the garbage bin image.
When I add margin-left: 40px; to
<div class="col-xs-8 col-data state"><table> in the dev-tools of a browser it displays correctly..

However; how do I add that to the custom.css file?

regards,
Chris

Normally the garbage icon is not covered. Can you post your custom.css and the block definition of your garbage block?
Which browser do you use for Dashticz? OS version?

[cduijker]

custom.css :

/*
CUSTOM CSS FILE
*/



.trashcan {
height: 50px !important;
max-width: 75px !important;
opacity:1 !important;
}


Block definition :

blocks['garbage'] = {
date_separator: ' : ',
layout: 1,
}

I use the chromium browser on a RPI, but on my windows machine with Chrome it looks the same..

regards

[Lokonli]

custom.css :

/*
CUSTOM CSS FILE
*/



.trashcan {
height: 50px !important;
max-width: 75px !important;
opacity:1 !important;
}


Block definition :

blocks['garbage'] = {
date_separator: ' : ',
layout: 1,
}

I use the chromium browser on a RPI, but on my windows machine with Chrome it looks the same..

regards

You've increased the size of the garbage icon.
Currently, the other parts of the blocks are not adjusted. I plan to improve that in a future version.

For now, you have to adjust the text position and the width, for instance with the following in custom.css:

Code: Select all

.garbage .col-data {
   width: calc(100% - 45px - 30px);
   left: 30px
 }

[cduijker]

Thanks for the quick reply! It is working perfectly now!