Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sticky notes #1428

Closed
gwww opened this issue Apr 14, 2020 · 20 comments
Closed

Sticky notes #1428

gwww opened this issue Apr 14, 2020 · 20 comments

Comments

@gwww
Copy link

@gwww gwww commented Apr 14, 2020

Given the collaborative nature of this tool, having the ability to place notes on the canvas would improve the collaborative abilities.

I would see this as the ability to drop a coloured note on the canvas and to be able to start typing in the note right away.

Implementation wise this could be a coloured rectangle with an initial fixed size and text box. The would be text locked to the rectangle and would have the usual text properties (size, bold, etc).

@lipis
Copy link
Member

@lipis lipis commented Apr 14, 2020

Basically having a new Text element with a background and stroke?

@gwww
Copy link
Author

@gwww gwww commented Apr 14, 2020

Nice! Yes. Maybe with larger margins on the background to make it look more like a note vs a part of the drawing?

@lipis
Copy link
Member

@lipis lipis commented Apr 14, 2020

Screenshot 2020-04-14 at 4 10 43 PM

@lipis
Copy link
Member

@lipis lipis commented Apr 14, 2020

and I guess they shouldn't be part of any export or anything :) Interesting..

@gwww
Copy link
Author

@gwww gwww commented Apr 14, 2020

I'd export them as simplest thing possible. Next level is to make export of stickies optional.

@pA1nD
Copy link

@pA1nD pA1nD commented Jun 6, 2020

It could be a valuable feature if the text resizes automatically to fit in the post-it.

@matt-hammond-001
Copy link

@matt-hammond-001 matt-hammond-001 commented Jul 8, 2020

Another way to get sticky-notes would be to allow text to be placed inside any shape (rectangle, diamond, circle) - e.g. you double click the shape and you can add text within it. The text ideally would word-wrap to fit the bounds of the shape or its bounding box.

Avoids needing a separate tool.

I'd also find this a really valuable addition. I'd consider stickies to be a first-class part of the diagram/canvas, to be exported along with everything else. My use case is using it as a shared whiteboard for planning sessions, where 90% of what goes on the board is sticky notes.

@dwelle
Copy link
Member

@dwelle dwelle commented Jul 8, 2020

Another way to get sticky-notes would be to allow text to be placed inside any shape (rectangle, diamond, circle) - e.g. you double click the shape and you can add text within it. The text ideally would word-wrap to fit the bounds of the shape or its bounding box.

You can already do that, plus if you hit Enter while an element is selected, it creates text centered to it.

@vjeux
Copy link
Contributor

@vjeux vjeux commented Jul 8, 2020

You can already double click near the center of a rectangle/oval to write text within in a centered manner.

One thing that I hope we’ll get to is to link shapes together so that if you move the rectangle, it’ll move the text along without needing to select it.

@matt-hammond-001
Copy link

@matt-hammond-001 matt-hammond-001 commented Jul 8, 2020

You can already double click near the center of a rectangle/oval to write text within in a centered manner.

Ah, I always assumed it was just coincidence and a good aim on my part when I double clicked :-)

One thing that I hope we’ll get to is to link shapes together so that if you move the rectangle, it’ll move the text along without needing to select it.

This is the key part - that the text is, conceptually, inseparable from the rectangle. Creating a separate text label doesn't really make it easy to treat the text+rectangle combo as a sticky-note that you can just move around the whiteboard.

@dwelle
Copy link
Member

@dwelle dwelle commented Jul 8, 2020

This is the key part - that the text is, conceptually, inseparable from the rectangle. Creating a separate text label doesn't really make it easy to treat the text+rectangle combo as a sticky-note that you can just move around the whiteboard.

In the meantime, you can select both → rightclick → group selection

@sojusnik
Copy link

@sojusnik sojusnik commented Aug 19, 2020

Screenshot 2020-04-14 at 4 10 43 PM

Is there a reason why this sticky note has a header bar?

I was thinking more of a simple version with some shadow, like:

grafik

@sojusnik
Copy link

@sojusnik sojusnik commented Aug 19, 2020

One thing that I hope we’ll get to is to link shapes together so that if you move the rectangle, it’ll move the text along without needing to select it.

One way to implement this could be: If a shape is selected and you use "enter" or "double-click" within that shape to add text, then the text would automatically be grouped with that shape and also word-wrapped.

@AlexStapleton
Copy link

@AlexStapleton AlexStapleton commented Nov 12, 2020

One way to implement this could be: If a shape is selected and you use "enter" or "double-click" within that shape to add text, then the text would automatically be grouped with that shape and also word-wrapped.

This is exactly the feature I'm looking for in this tool. The inability to wrap the text inside a shape makes it cumbersome to quickly capture ideas.

@sojusnik
Copy link

@sojusnik sojusnik commented Nov 12, 2020

Another way to capture ideas could be through a mindmap, as proposed here.
Sticky notes are a good candidate for the intended API.

@vmkazakoff
Copy link

@vmkazakoff vmkazakoff commented Dec 25, 2020

One way to implement this could be: If a shape is selected and you use "enter" or "double-click" within that shape to add text, then the text would automatically be grouped with that shape and also word-wrapped.

And we also need wrap text inside box. And (maybe) adjust font-size.

image

@tomdyson
Copy link

@tomdyson tomdyson commented Feb 19, 2021

+1 for this! This is the main thing keeping me in Miro, which does this really well (see screencast).

screenshot 2021-02-19 at 16 40 23

@locofocos
Copy link

@locofocos locofocos commented May 6, 2021

IMO the big thing missing here is text wrapping.

Most of the issues people have mentioned so far, there are workarounds that aren't very painful. For people who want sticky notes to look a certain way, they can draw one and save it in their library. Manually creating text and grouping it within the rectangle is doable.

But even if you do those things, not having text wrapping can really be a big pain. Going back to make small changes to the text means manually and painstakingly re-flowing the text by hand. There's really no workaround, so I think starting with text wrapping would give users the biggest benefit at the smallest cost.

Not to downplay the benefit of having first-class sticky notes though! I just think there are smaller victories too.

@itsam
Copy link

@itsam itsam commented Oct 20, 2021

Hi all, any news on the issue? Thank you in advance

@ad1992
Copy link
Member

@ad1992 ad1992 commented Dec 16, 2021

closing this as we support binding text to shapes now https://twitter.com/aakansha1216/status/1471509326674030592

@ad1992 ad1992 closed this Dec 16, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet