23 Mar 2011 11:53

23 Mar 2011 11:53

Set tags button - first look

Quickie: First impressions of the new set tags buttons

The latest feature to arrive at Wikidot is the set tags button, which allows you to add or remove a tag or tags with a simple button action. The first impressions are good, especially given it hasn't even been officially launched yet. I'm excited to see what everyone comes up with, and what new functionality can be developed off the back of what seems a rather simple feature. To get you all started, here's my first take at setting the button to work - creating a personalised favourites list.

[!-- In a Live template --]
[[module ListUsers users="."]]
[[iftags -_favourite%%number%%]]
[[button set-tags +_favourite%%number%% text="add to my favourites"]]
[[/iftags]]

[[iftags +_favourite%%number%%]]
This app is in your favourites list. [[button set-tags -_favourite%%number%% text="Remove from favourites."]]
[[/iftags]]
[[/module]]

[!-- In user profile page --]
+++ My favourites list
[[module ListPages tags="_favourite%%name%%" separate="no"]]
* %%title_linked%%
[[/module]]

I'm interested to know what you other wikidot gurus have in mind for the new button. Consider this a brainstorming session… go!

Enjoy the article? Tweet it!

tags — brainstorming button quickie set-tags tags

Discussion - 21 comments

Anonymous(account deleted) 23 Mar 2011 14:10

I'm excited to use this feature on a "Repair and Maintenance" site I'm building for work. This will make it super easy for maintenance personnel to set tags to indicate the progress of an item on the "to-do" list (_new, _assigned, _in-progress, _need-parts, etc.).Your idea to tie the tags into a user number is a great one. Although for my purposes, a selection using a dataform might be better.

For a blog application, it will be perfect for quickly tagging (or untagging) an entry as "sticky" for displaying specific post on top of the heap.

Edit

Anonymous(account deleted) 23 Mar 2011 23:44

Quickie update: I just applied the "sticky" functionality on a site I'm helping another user with and it works perfect! I have 2 set-tags buttons; one to make the article sticky and one to remove the sticky setting. The code is wrapped inside a SUO include and uses buttons styled using CSS3's button generator. So, it not only works great, but it looks great too!

Show sample code from _template

[[module css]]
.tab-button {
background-color: #307094;
background-image: -webkit-gradient(linear, left top, left bottom, from(#2E7FAE), to(#307094));
background-image: -moz-linear-gradient(top, #2E7FAE, #307094);
background-position: center bottom;
color: #FFFFFF !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #209CE4;
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
text-align: center;
font-size: 18px;
font-family: "Arial", Arial;
padding: 0.2em 0.29em;
margin: 5px;
text-decoration: none;
}
[[/module]]
[[iftags +_image]]
[[div style="float: right; width: 270px; margin: 0 0 10px 10px;"]]
[[image :first size="small"]]
[[/div]]
[[/iftags]]
%%content{1}%%
[[include :snippets:suo START unique=second|type=showto
|user1=ed-johnson
|user2=the-other-admin]]
----
##ddd|Note: These buttons are not visible to other visitors to the site##

[[button set-tags +_sticky text="Add Sticky Tag"  class="tab-button"]] - [[button set-tags -_sticky text="Remove Sticky Tag" class="tab-button" ]]
[[include :snippets:suo END]]

----------------
+++ Feel Free To Comment...
[[module Comments]]
====
Replace this text with your article.
Note: If you would like to make an article "sticky" so it appears at the top of the article index page, click the "Add Sticky Tag" button after saving this page.

Edit

Anonymousleiger 24 Mar 2011 01:50

Oh wow, oh wow, oh wow, oh wow.

I need to calm down.

My mind is overflowing with the possibilities! Now that this is actually available, I'm not sure which one to begin working on first.

Alas, assignment due tonight so I really shouldn't be doing anything yet. Not sure if I'll be capable of holding myself back from experimenting though … tomorrow is soo far away! :)

Edit

Anonymousbcammo 24 Mar 2011 02:21

I'm not sure which one to begin working on first.

Same here!

I'm thinking they will make managing page-based forums much more sophisticated - now locking threads, making them sticky or marking items as 'resolved/fixed' is just a button press away. But I have more exciting implementations in mind first :)

Edit

Anonymousbcammo 24 Mar 2011 08:40

Here's my first implementation of the button (look in the sidebar). And the result.

Edit

Anonymoustsangk 24 Mar 2011 09:56

Grrrr… I have a couple of assignments plus a maths exam tomorrow. I so wanna dive in and start - but I can't!

Edit

AnonymousRobElliott 24 Mar 2011 20:32

Just about to get going with this seriously. It does open up a lot of possibilities.

Edit

Anonymousleiger 25 Mar 2011 01:24

Wow Bryce, just wow. Nice "dock" feature on RoaringApps.

Edit

AnonymousMatt Gentile 25 Mar 2011 23:08

Is it possible to set up a shopping cart like this?

Edit

Anonymoustsangk 25 Mar 2011 23:53

@MDesign: I would assume so :D

Edit

AnonymousRobElliott 26 Mar 2011 00:00

I hope so

Edit

AnonymousMatt Gentile 26 Mar 2011 01:29

That's very helpful :)

- Also I tried this code above but would like to have it add a "My favorites List" on the user profile template and list all of the current user's favorites, this way I can place this code in a design section and say "Add this design to My Favorites List." For some reason the code above doesn't work fully for what I'm trying to accomplish.

And this is a very very useful code by the way :)

Edit

Anonymousleiger 26 Mar 2011 01:33

Could you link to the page you have added the code to, and make source viewable? Impossible to help otherwise :)

Edit

AnonymousMatt Gentile 26 Mar 2011 05:00

You can view it in a blog post here…http://www.icondeposit.com/blog:new-wikidot-editor-buttons

And you can see the profile template here…http://www.icondeposit.com/dev:_ste-document-1

In the blog post it should be at the bottom of the post above the comments (as a test), and in the profile template it will be on the side bar.

Edit

Anonymousleiger 26 Mar 2011 05:45

It won't work on the dev:_ste-document-1 page - the code needs to be placed on the real profile live template.

Edit

AnonymousMatt Gentile 26 Mar 2011 06:48

Ok going to try it

Edit: still doesn't work.

Edit

Anonymousbcammo 26 Mar 2011 12:27

Hi Matt. In the user's profile template, you need to define a category for the ListPages module that's selecting favourites (otherwise it is using the profile category only).

[[module ListPages tags="_favorite%%name%%" category="*" separate="no"]]

Edit

AnonymousMatt Gentile 26 Mar 2011 23:48

Aha! That's what was missing.

Edit

AnonymousMatt Gentile 27 Mar 2011 01:07

Ok so I have it working fine now in the user profiles and even styled it a bit at the bottom of every blog post, it's not finished yet but going to be soon.

Before…
After…

Basically your code is awesome.

Edit

Anonymousleiger 27 Mar 2011 03:08

Basically your code is awesome.

Sure, Bryce is awesome.

But the real people to thank for the set-tags button is Wikidot! :)

Edit

AnonymousMatt Gentile 27 Mar 2011 03:27

Most definitely! Without them my site wouldn't be running :)

Edit

Add a new comment