HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Comcode Drop Down list

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#100086 (In Topic #19645)
Avatar

Community saint

An idea

Maybe something like this is already being done for v10 I don't know but after reading someones point on "the youtube button would be nice" I was thinking why not have a select list of all comcode tags that you drop down and click an apply button? You would also need a "Comcode Help" button so you can still have the pop up to help you learn what the tags do and how they work but once you know you'll only need to select and apply from then on. Or instead of just the pop up a mini help line bar that update upon selection with brief description and a button for more info?

What do you think feasible or a decent idea for the tracker? Might be cleaner than 50 buttons or as people point out less confusing and troublesome to get the comcode tags you want quickly?
Back to the top
 
Posted
Rating:
#100089
Avatar

Community saint

I can see that being useful to some degree but not sure how useful.

My thinking is as follows:

* If you know what you are after then you are probably going to be faster if just type the code anyway.

* If you don't know the name of the tag you are after then the dropdown probably isn't going to help much.

* If you think you know what you are after but can't see it in the list you are going to try the list first and then have to try the helper. The example I'm thinking of is where you might be looking for say 'spoiler', but the correct one is 'hide', look for 'photo' but correct one is 'img'.

* You know its 'img' or 'image' but not sure which, so it would be useful to be able to just select if from a dropdown.
Might be cleaner than 50 buttons
Some people would want everything to be a button, but generally the most common features are the ones that make it to buttons.

Also, by having specific buttons, like youtube, and making that specific task very easy, you are also subconsciously encouraging people to use that feature more, which can be very beneficial.
as people point out less confusing and troublesome to get the comcode tags you want quickly
But no more confusing then seeing a just a dropdown list.

The reason it tends to be confusing is usually that people get overwhelmed by the wall of text/options in the helper, and they don't think to just search the page to get to what they want.

With good descriptions that contain the right terminology for the target audience things can usually be found relatively painlessly.

Also, the name of the "add tag assistant" button itself may be a problem. They may think its something technical or complicated.

That's my 2c anyway.

Do you have a Samsung Galaxy S / Galaxy S II ? If so, why not check out my ScreenFree FM Radio .
Back to the top
 
Posted
Rating:
#100095
Avatar

Also, the name of the "add tag assistant" button itself may be a problem. They may think its something technical or complicated.

Yes, point taken :). Any ideas?


My thinking is that people want less, they want automation. Take Facebook and Twitter, you just post the link, and it works via magic. That's what we're going for in v10. Less UI clutter, less to learn, less to think about.

I do accept there could be a case for custom buttons in general. That's a bit awkward, as it mean making icons and coding up a CKEditor plugin and also editing ocPortal's templates. I think it's a bit of an edge case. We could make it easier, but I'm not sure it's all that important. Drop-down is a compromise, and I could see it having some use too, but also with it's own complexities.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#100100
Avatar

Community saint

Well I just looked at the comcode helper list and about 90% (maybe more) of the tags are probably very obvious as to what they do without explanation and pretty much all can be described in one short sentence (maybe some could use slightly more explanation but mostly not necessary) so if you had 1 line "help bar" below the editor line that updated that one line description upon selection would likely be sufficient for 98% of all users.  While you're right, typing might be quicker, the dropdown would put an "in your face" what's available to you and some users really like point n' click over typing no matter how much speed difference it is. But mostly I think that it being in a dropdown just makes it easier to scan every tag that is available to you because opening a pop up and scrolling down a long list with explanations seems too cumbersome.
Back to the top
 
Posted
Rating:
#100102
Avatar

Community saint

Duck said

so if you had 1 line "help bar" below the editor line that updated that one line description upon selection
If it updates after the selection then its too late because you have already made the selection without the benefit of the 1 liner which was supposed to help you make your choice.

But what you can do is add a title attribute to each option and it will show it as a tooltip as you move your mouse over each item.

Do you have a Samsung Galaxy S / Galaxy S II ? If so, why not check out my ScreenFree FM Radio .
Back to the top
 
Posted
Item has a rating of 5 (Liked by Chris Graham)  
Rating:
#100105
Avatar

Community saint

No actually I mean the helpline updates upon choosing the select item (on change event) but the tag is not added till clicking apply. For Java disable browsers the helpline can simply display a  sentence like "For more information on what the comcode tags do click here." that is link to a pop up of descriptions. (The question mark icon or helpline title as in my rudimentary image could be the click for more info link as well if needed with a tool tip saying so. But as I say every tag can have a basic description that wold fit the helpline anyway.

Below is a rudimentary image of what I am talking about along with a sample select box below it.



And here is a sample select box (if it works?)

Back to the top
 
Posted
Rating:
#100106
Avatar

Community saint

Note I just followed the order that the comcode popup is in for the select box but I think it would probably be even smarter to put the most common used tags at the top of the list at least for longer type ones like semihtml and youtube instead of b u i  etc
Back to the top
 
Posted
Rating:
#100110
Avatar

Community saint

I see. I forgot you had an apply button, so the users choice has not been committed onchange.

What I was thinking was the following where you get tooltips as you move your mouse over the items:



and it does not require javascript.

I know the font changer tools have an apply button but that was probably more due to the fact that the font tag has attributes that need to be applied together, so it has to wait for you to make multiple choices before you commit.

With the comcode tag dropdown list its logical to apply the changes automatically without clicking a separate apply button. Tags with no parameters get applied immediately, while those with parameters pop up a helper form.

Do you have a Samsung Galaxy S / Galaxy S II ? If so, why not check out my ScreenFree FM Radio .
Back to the top
 
Posted
Rating:
#100114
Avatar

Community saint

yes I suppose the tool tip is probably better than a helpline. See combined thoughts get better results! hehe

But I do think a drop down  for the tags would be awesome.Much faster and easier to see everything that's available to you.
Back to the top
 
Posted
Rating:
#100128
Avatar

I've put this on the tracker:
0001388: Drop-down list for quick selection of Comcode tags - ocPortal feature tracker

I do see some value in it, so if someone did want to make a branch in git and develop it, it would get merged :).

A few notes OTTOMH:
  • Don't forget WYSIWYG mode. Would the drop-down not show for it, or would it be somehow built into ckeditor (possibly hard), or would it show elsewhere (would need to be off by default – people always used to ask about slimming down the editor, not bulking it up, lol).
  • Don't forget custom Comcode tags, or ones via addons, so the list would need to not be hard-coded. IIRC sources/comcode_add.php has code to build up the list, it could be restructured to do that via a shared helper function.
  • Don't forget non-English users. Showing tag names as the primary thing is not too bad for English users, but not good for non-English ones.
  • Don't forget accessibility. Every selection list must have a button to activate its choice, due to the needs of users who can't just see the list to make the right choice immediately, or maybe have shaky mouse control, etc.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: