It would be nice to be able to go directly to the full node of a sticky note by clicking on an additional action menu item called "View".

I have added this feature into the sticky note module code on my site.

I also separated the action menu items so each menu item can be themed differently.

See attached screenie.

If others are interested, I can post the code.

CommentFileSizeAuthor
#4 sticky_notes.zip170.07 KBcolorado
#6 colorados_sticky_notes_quick_tabs.txt1.06 KBcolorado
#5 colorados_sticky_notes_view.txt33.19 KBcolorado
sticky_action_menu.jpg92.69 KBcolorado

Comments

berliner’s picture

berliner commented

what do you mean with full node?

colorado’s picture

colorado commented

Whenever you create a new sticky note, a new node is created. By full node I mean this new node (as opposed to the node that the yellow square sits on top of - the node you were on when you created the sticky note).

Is that clear?

berliner’s picture

berliner commented

Yes, that's clear. Just for curiosity: Why would you want this?
Feel free to post the code. Might help others and it might inspire me :-)

colorado’s picture

colorado commented
StatusFileSize
new sticky_notes.zip170.07 KB

Sorry for the delay. Attached is my version, which has numerous additional goodies (i.e. vertical scroll bar in the sticky note, and some different themeing). I didn't have time to tidy everything up properly in the code, so please pardon that. I hope I haven't forgotten anything. Please let me know if it functions correctly for you, and what you think of it.

I'm going to follow this comment with two more, where I've also attached an export of my modified version of the view, as well as also an export of my Quick Tabs block which uses the view to create three tabs in a Quick Tabs block (All, Mine, and New).

I also put the following in my theme's style.css file:

div#sticky-notes-info-box-wrapper .content {
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px;
    margin-top: 0;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
    background:transparent none repeat scroll 0 0;
    background-color: #ffff00;
    filter:alpha(opacity=80);
    opacity:.80;
    background-image: url(images/page.png);
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}

.ui-widget-overlay {
    background-color:black;
    opacity: 0.8;
}
colorado’s picture

colorado commented
StatusFileSize
new colorados_sticky_notes_view.txt33.19 KB

Here is attached my exported view.

colorado’s picture

colorado commented
StatusFileSize
new colorados_sticky_notes_quick_tabs.txt1.06 KB

Here is also an export of my Quick Tabs block which uses the view attached in the above comment.