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

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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.
5 posters

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

    كونان2000
    كونان2000
    Forumember


    Male Posts : 206
    Reputation : 93
    Language : Arabic

    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

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

    كونان2000
    كونان2000
    Forumember


    Male Posts : 206
    Reputation : 93
    Language : Arabic

    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

    skouliki, SarkZKalie and TonnyKamper like this post

    SarkZKalie
    SarkZKalie
    Support Moderator
    Support Moderator


    Male Posts : 1421
    Reputation : 220
    Language : English

    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

    كونان2000 likes this post

    jucarese
    jucarese
    Hyperactive


    Male Posts : 2462
    Reputation : 117
    Language : spanish
    Location : SSF Admin

    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.

    كونان2000 likes this post

    كونان2000
    كونان2000
    Forumember


    Male Posts : 206
    Reputation : 93
    Language : Arabic

    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

    (●'◡'●)

    TonnyKamper and jucarese like this post

    jucarese
    jucarese
    Hyperactive


    Male Posts : 2462
    Reputation : 117
    Language : spanish
    Location : SSF Admin

    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

    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15191
    Reputation : 1696
    Language : English,Greek
    Location : Greece

    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

    كونان2000
    كونان2000
    Forumember


    Male Posts : 206
    Reputation : 93
    Language : Arabic

    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

    skouliki and jucarese like this post

    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15191
    Reputation : 1696
    Language : English,Greek
    Location : Greece

    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

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

    TheCrow
    TheCrow
    Manager
    Manager


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

    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!

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

    كونان2000
    كونان2000
    Forumember


    Male Posts : 206
    Reputation : 93
    Language : Arabic

    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 (●'◡'●)

    TonnyKamper and TheCrow like this post

    كونان2000
    كونان2000
    Forumember


    Male Posts : 206
    Reputation : 93
    Language : Arabic

    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

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