The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

5 posters

Go down

Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Empty Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

Post by كونان2000 Tue Mar 15 2022, 01:17

Welcome everyone,
The following tutorial will help you to change the quick reply editor: AwesomeBB
And add a [Preview - Send - Save] button below


-----------------------------

Before:
Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Ocia_a16


After:
Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Frorum12

----------------------------


Find the next part in viewtopic_body template
Code:
{QUICK_REPLY_FORM}

replace it with
Code:
{QUICK_REPLY_FORM}

<style>

        .sceditor-toolbar {
    text-align: center;
}
  .quick-reply-side-btns {
    display: flex;
    position: inherit;
    justify-content: center;
}

.quick-reply-send,.quick-reply-preview {
    background: #2196f3;
    border-radius: 7px;
    color: #f0ffff;
    margin: 10px;
    height: 40px;
    width: 100px;
}
.quick-reply-send:hover,.quick-reply-preview:hover {
    background: #191e20;
}

.quick-reply-preview,.quick-reply-send {
    padding-bottom: 48px;
}
</style>
<script type="text/javascript">
(function($) {
         toolbar = 'bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,,link,youtube,dailymotion|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|mention,emoticon,twemojifa,date,time,pastetext,source';              
}(jQuery));
</script>
________________________

We hope you like this   Trick.



----------------------------------
This tutorial was written by كونان2000 ^^


Last edited by كونان2000 on Thu May 19 2022, 21:14; edited 12 times in total
كونان2000
كونان2000
Forumember

Male Posts : 286
Reputation : 120
Language : Arabic

https://anime.forumperso.com/

skouliki, YoshiGM, SarkZKalie, TonnyKamper, Jucarese and TheCrow like this post

Back to top Go down

Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Empty Re: Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

Post by كونان2000 Sat Mar 19 2022, 02:02

Tutorial has been updated,
Previously, the educational program was in only one language, which is English


Now it works in all languages
Dawa
كونان2000
كونان2000
Forumember

Male Posts : 286
Reputation : 120
Language : Arabic

https://anime.forumperso.com/

skouliki, SarkZKalie and TonnyKamper like this post

Back to top Go down

Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Empty Re: Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

Post by SarkZKalie Sat Mar 19 2022, 10:32

Brilliant !

Thank you for sharing \m/


Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Sarkzk10
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1447
Reputation : 220
Language : English

https://rotavn.forumotion.com/

كونان2000 likes this post

Back to top Go down

Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Empty Re: Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

Post by Jucarese Sat Mar 19 2022, 11:21

@كونان2000I was looking for change the preview text to put in Spanish and I can not find where to change it.
Jucarese
Jucarese
Hyperactive

Male Posts : 2568
Reputation : 121
Language : spanish
Location : SSF Admin

http://asistencia.foroactivo.com/u23082

كونان2000 likes this post

Back to top Go down

Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Empty Re: Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

Post by كونان2000 Sun Mar 20 2022, 02:28

@SarkZKalie Thank you ⁩ (◠‿◠)
---

hi @jucarese
The language of the button changes automatically according to preferences.
Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Frorum10

(●'◡'●)
كونان2000
كونان2000
Forumember

Male Posts : 286
Reputation : 120
Language : Arabic

https://anime.forumperso.com/

TonnyKamper and Jucarese like this post

Back to top Go down

Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Empty Re: Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

Post by Jucarese Sun Mar 20 2022, 13:28

Jucarese
Jucarese
Hyperactive

Male Posts : 2568
Reputation : 121
Language : spanish
Location : SSF Admin

http://asistencia.foroactivo.com/u23082

Back to top Go down

Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Empty Re: Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

Post by skouliki Sun Mar 20 2022, 13:34

jucarese wrote:@كونان2000
Hello I do not see the button save
https://awesomebb.foroactivo.com/t1-tu-primer-tema
 
I tested also
I use the code to my test forum ( default templates ) no java
And i have the same issue no save button
skouliki
skouliki
Manager
Manager

Female Posts : 15417
Reputation : 1710
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Empty Re: Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

Post by كونان2000 Sun Mar 20 2022, 15:09

Hello
@skouliki @jucarese
-----

Administration Panel >> General >> Messages and emails
Configuration
Enable message draft feature : yes
Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Ocia_a33
Dawa
كونان2000
كونان2000
Forumember

Male Posts : 286
Reputation : 120
Language : Arabic

https://anime.forumperso.com/

skouliki and Jucarese like this post

Back to top Go down

Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Empty Re: Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

Post by skouliki Sun Mar 20 2022, 19:46

i can confirm that now it is ok
skouliki
skouliki
Manager
Manager

Female Posts : 15417
Reputation : 1710
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

SarkZKalie, Jucarese and كونان2000 like this post

Back to top Go down

Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Empty Re: Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

Post by TheCrow Mon Mar 21 2022, 08:15

كونان2000 wrote:Hello
@skouliki @jucarese
-----

Administration Panel >> General >> Messages and emails
Configuration
Enable message draft feature : yes
Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Ocia_a33
Dawa
@كونان2000 these information should be on the first post of the tutorial so everyone would know that this is necessary to see the button. I would suggest adding it to the first post here.

Regards,
TC.


Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Thecro10
Forum of the Forums

Forumotion Rules | Tips & Tricks |
FAQ | Did you forget your password?



*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
TheCrow
TheCrow
Manager
Manager

Male Posts : 6916
Reputation : 795
Language : Greek, English

https://www.inforumgr.com

TonnyKamper, Jucarese and كونان2000 like this post

Back to top Go down

Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Empty Re: Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

Post by كونان2000 Mon Mar 21 2022, 20:48

TheCrow wrote:@كونان2000 these information should be on the first post of the tutorial so everyone would know that this is necessary to see the button. I would suggest adding it to the first post here.

Regards,
TC.
First post edited   
Thank you (●'◡'●)
كونان2000
كونان2000
Forumember

Male Posts : 286
Reputation : 120
Language : Arabic

https://anime.forumperso.com/

TonnyKamper and TheCrow like this post

Back to top Go down

Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB Empty Re: Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

Post by كونان2000 Thu May 19 2022, 21:47

Welcome everyone,
Tutorial has been updated
Now the [Preview] button is available in all forums 
https://forum.forumactif.com/t406890-sujet-bouton-de-previsualiser-dans-la-version-awesomebb-lorsque-l-ecran-est-grand


1 The [Save] button has been removed. Shrug
2 The codes have been changed in the first post
---------

Thanks to all  Very Happy
كونان2000
كونان2000
Forumember

Male Posts : 286
Reputation : 120
Language : Arabic

https://anime.forumperso.com/

The Godfather, skouliki, SarkZKalie, TonnyKamper and Jucarese like this post

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum