Add Print/Export overview options

[alistair-marshall]

Feature request: Add a print or export overview option to allow the easy display all the information on a board (including each cards details and labels) so it could be discussed around a table rather than everyone looking at a screen in a meeting.

Previous discussion:
https://help.nextcloud.com/t/why-our-team-decided-not-to-use-deck-app-yet/14148

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

[juliusknorr]

I guess it would already work quite fine if we add a dedicated css file containing styles for media type print.

[Rello]

Hello,
carefully asking, if this was looked at already? :-)

[Dubidubiduu]

Hey @juliushaertl,

made a very simple proposal for print media. This hiddes several navigation elements and stuff you don´t need on paper like these buttons to create further boards.

@media print {
	/* hide app navi*/
	header
	, div#app-navigation
	/* hide board control */
	, div.board-header-controls
	/* hide bread home link */
	, div#controls.ng-scope div.crumb
	/* no bullet button for us */
	, div#controls.ng-scope div.crumb a.bullet
	/* hide bread share icon */
	, a.ng-binding+a
	/* havent found a way to kill menu, so through background none it is at least invisible */
	, #app-navigation-toggle.icon-menu
	/* we dont need create icons on a paper, don´t we? */
	, div.card.create
	/* no need for ... card-options on paper */
	, button.card-options
	{display:none; background:none;}

	/* show title */
	div#controls.ng-scope div.crumb.title {display:inline;font-size: 2em; background:none;}

	/**/
	div.stack {page-break-inside: avoid;}
}

Would love a way to control the print output (labels on/off, no description/little description/full description), but it seems not that easy, at least not for me.

[Rello]

@Dubidubiduu just tried it. nice start!

I even tried to hide the
.card-controls with display: none;

what does not work for me is to scale all columns/cards to one page. do you have an idea?

[juliusknorr]

@Dubidubiduu Looks good as a first starting point. Having a separate visibility settings for a print output is actually something more complex. Mind to open a pull request for the rules you started? Just add a separate print.scss file that we can then include in the styles.scss for now.

[juliusknorr]

Fixed by #609 Thanks for getting this started @Dubidubiduu