News:

Wondering if this will always be free?  See why free is better.

Main Menu

Tabbed smileys

Started by emanuele, January 15, 2011, 02:32:43 PM

Previous topic - Next topic

emanuele

The mod distributed on this site may be outdated.
The latest version of this mod can always be found at the following address:

https://github.com/emanuele45/Tabbed-Smileys/releases


Link to Mod

The mod adds a "tabbed interface" to the post form. The smileys are organized in "tabs": the first tab contains all the smileys configured to appear in the post form, the "additional tabs" are defined based on the number of rows of smileys present in the popup (one row = one tab). You can add new rows of smileys from the admin panel, in set smiley order.
With this mod it is possible to use all the available smileys without leave the posting browser window to reach the popup and keep low the number of smileys shown over the post form.

If you want to help, feel free!
The mod is now available at github:
https://github.com/emanuele45/Tabbed-Smileys
with a brand now BSD license attached to it! :P



NOTE: version 0.3.99b is a BETA version!
In this version I added the possibility to move (almost) all the elements of the posting interface into "tabs". It means that the formatting buttons, the attachments, the "other settings" are all moved on top of the post area each in a separated tab.
Once installed you will find a new drop down box in admin > Forum > Posts and Topics > Post Settings with 3 options:
  • Completely off (i.e. the classic SMF interface)
  • Only smileys in tabs (i.e. the usual behaviour of the mod, only the smiley are put in a tab-like interface)
  • All posting elements in tabs (i.e. the behaviour described just above)
Once selected the last option, a new checkbox will appear giving the possibility to chose to show the smileys' tabs in a separated row.
It should work, but I didn't test it that much, so feel free to use it, but be ready to face problems. ;)
That said: I wait your feedback: is it useful? Is it useless? Feel free to test it and report problems or suggestions to improve it!
The changes affect only SMF 2.0, I won't bring them to SMF 1.1.x.



Configuration
The number of tabs is defined by the number of rows of smileys in the popup: every row corresponds to a tab.

Doing like in the picture will create a third tab: the "basic" (with all the smileys in the post form), the first line of the popup (the :'( in the picture) and the newly added.
It's possible to change the tab a smiley belongs to by changing the position both in "edit smileys" or in "set smiley order".
It's also possible to define a custom name for each tab and change the css style directly in the admin panel, section "set smiley order".

Change log

  • 0.3.7: fixed utf8, update to SMF versions 1.1.14 and 2.0
  • 0.3.6:
    • fixed a bug for SMF 2.0 stopping js execution in some situations and bad behaviour with WYSIWYG editor (i.e. smiley not working...). Many thanks to abraamz for reporting and support in beta testing!
    • added polish UTF-8 translation (thanks to becometa) and english-british ISO/UTF-8 and english and italian UTF-8. Note: since I have always problems with characters encoding there I expect problems here too... :P). Thanks Arantor for the hint.
  • 0.3.5: fixed the problem of loading tabs only when used for SMF 2.0 (I hope)
  • 0.3.4: removed "on demand" loading of tabs content for SMF 2.0 due to a bug reported by RAULVK
  • 0.3.3: fixed a bug with SMF 2.0 and IE (double "more" button) reported by Rifugio (thanks!)
  • 0.3.2: now the tabs' content is loaded only "on demand"; added an option to hide the "more" button/link
  • 0.3.1: updated for SMF 1.1.13 and SMF 2.0 RC5
  • 0.3.0: improved flexibility with the possibility to decide which smiley should go in which tab, assign names to the tabs and change the css style
  • 0.2.3: initial release particular behaviour: by default the number of tabs is determined by the number of smileys in the post form but it can also be defined in the Smiley and Message Icons settings page of the admin panel.


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

kat

For anyone who's wondering, this is compatible with SMF versions 1.1.11, 1.1.12, 2.0 RC3 and 2.0 RC4.

:)

Matthew K.


emanuele

Thanks! :)

I'm now working on make it a little bit more flexible (i.e. give the possibility to decide in which tab a smiley should go).


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

!RFAN

#4
works fine
thumbs up
just one problem with custom theme

i  cant see tab titles.. any recommendations?


emanuele

#5
Yes...I used "hard-coded" text colour, you can edit "Subs.php" and search for this block:
<style type="text/css">
ul#tabs { overflow:auto;list-style-type: none; margin: 30px 0 0 0; padding: 1px 0 0 0; }
ul#tabs li { float:left;margin:0.3em 0.2em; }
ul#tabs li a { color: #000;border: 1px solid #ADADAD; border-bottom: none; padding: 0.3em; text-decoration: none; }
div.tabContent {border: 1px solid #ADADAD; width:95%; }
div.hide { display: none; }
</style>

there you can replace the (link) text colour by changing:

ul#tabs li a { color: #000;

In your case you can use for example a white:

ul#tabs li a { color: #FFF;

or anything else.


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

Omebolle

downloaded and installed the mod and I get this...

emanuele

Witch version of SMF are you using?

Did you get any error during the installation?


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

impreza

Cool addition, I tested and it looks very good
Portal ToTemat.pl - treści w postaci artykułów i filmów tematycznych.

Omebolle

#9
I use 2.0 RC4 and no errors during install, are there more settings I have to adjust in "Smileys and Message Icons" ?

Do I leave the smiley packs in the Smiley folder?

emanuele

#10
No, the only new (optional) setting is the one in Smileys and Message Icons -> settings (to define the number of tabs you want). (not true for version 0.3.0)

Yes, you don't need to touch any folders or any other settings.

Looking at the picture it seems you don't have any smiley in the popup (I don't see the "[more]" button), am I right?
That could explain why all the smileys are in only one "tab", but that doesn't explain why you don't see the pictures...


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

!RFAN

thanks... now everything visible :)

Omebolle

#12
PM'd you Emanuelle, never had the "More" button even-though I had more than one Smileypack installed :o

I found this in my logs: /customers/XXXXXX/Themes/babylon/Display.template.php (main sub template - eval?)

Omebolle


emanuele

Quote from: kaung on January 25, 2011, 05:18:55 PM
I apologize for directly PMing regarding this.
I apologize for putting the PM in the support thread, but it could be useful to others as well.

Quote from: kaung on January 25, 2011, 05:18:55 PM
I read in the support thread about the Tabbed Smiley that
QuoteNo, the only new (optional) setting is the one in Smileys and Message Icons -> settings (to define the number of tabs you want).

I am not seeing anything in settings nor other Smiley and Message Icons tabs to choose how many tabs I want.
I am using RC4 default theme.
You are right, in fact about 24 hours after I wrote this sentence I completely changed the way the tabs are managed...

Quote from: kaung on January 25, 2011, 05:18:55 PM
Post form tab and only 1 additional tab is showing under edit smileys, as well.
No options to add new rows.
If you go in "set smiley order", you can select a smiley and than you can move it to a new row, see:

and you can continue for the third, fourth and so on row.


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.


haroldpl

I am using 1.1.12 and just installed the mod. It seems to have all gone right, no errors etc.

But it only gives me an option for 1 tab other than the basic. I have over 200 smilies and wanted to divide them among 5 tabs.

What have I done wrong or need to change to get it to work right??

Thanks

Omebolle

maybe you can change the settings here? 
the only new (optional) setting is the one in Smileys and Message Icons -> settings (to define the number of tabs you want).

haroldpl

Quote from: Omebolle on February 03, 2011, 06:08:37 PM
maybe you can change the settings here? 
the only new (optional) setting is the one in Smileys and Message Icons -> settings (to define the number of tabs you want).

Already tried that and it only has option for a single extra tab along with the default. It might work that way in 2.0 but not in 1.1.12, it looks like an excellent mod just not all the options in 1.1.12. Unless I am a total moron with this one. I have uninstalled it till we can figure it out.

Thanks

emanuele

Please have a look at my previous message, not the one you were looking at, but the one right after). ;)

I'll update the description as well.


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

Advertisement: