FMCodes • All-in-one Webmasters community
Would you like to react to this message? Create an account in a few clicks or log in to continue.

You are not connected. Please login or register

FMCodes • All-in-one Webmasters community  » Coding Community » Template Editing Forumotion » Templates Editing Tutorials » Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

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

4 posters
Valid
Niko
  • Forum Administrator

    Team contributor
    You have been part of the community team
    Community veteran
    You belong to this community since its ancient time
    Active Contributor
    The user has wrote more than 100 posts and comments
    Passioned user
    You have participated in 50+ different topics, a true fan!
    Post lover
    You have liked more than 50 posts!
    Beta Tester
    You have been part of the Beta-Testing team
    Forumotion expert
    This user is an expert with Forumotion free forum hosting
    10th Anniversary (Grand Re-open)
    Thanks for being part of our grand re-opening
    Merry Christmas 2022
    Thanks for having been with us during Christmas season!
    Forum Writer
    You have opened more than 20 topics on the forum
    The Life of the Party
    You have made more than 20 members in our community, wow!
    Members Guru
    You have received more than 50 likes on your posts. Our members really what you have to say!
      Posts : 3614
      Points : 129487
    Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB


    Overview

    Description

    the following tutorial will help you to change the quick reply editor in AwesomeBB and add the buttons [Preview - Send - Save], not available by default in this forumotion forum version.

    Demonstration

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

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

    Technical limitations

    › This tutorial is dedicated to the forums powered by Forumotion free forum service
    › Requires to be the Founder of the #Forumotion Forum
    › It only works with AwesomeBB Forumotion forums' versions

    Installation


    CSS

    In order to design the style of the resource, you need to go towards Administration Control Panel (ACP) Display CSS & Colors CSS Style Sheet and add append the following code:

    You need to reply to the topic in order to see the code resources



    Javascript & jQuery

    For the next step you need to go towards Administration Control Panel (ACP) Modules HTML & Javascript Javascript codes management and create a new code - upon verifying that Javascript codes management is enabled.

    • Title: free choice - does not influence the code effect
    • Where: In topics
    • Code:

      You need to reply to the topic in order to see the code resources



    HTML Content & Templates Modification

    For the last step you need to go towards Administration Control Panel (ACP) Display Templates General - viewtopic_body and modify its content:

    Find this snippet:

    Add right after:

    Notes

    Approved byNiko
    Approved on March 16th, 2022
    Tested on Most recent browsers
    Difficulty level  / 
    Source Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

    This resource belong to this community unless differently stated.
    No reproduction possible without our agreement, in accordance with article L122-1 of the CPI.



    Valid
    djprmf


    • 10th Anniversary (Grand Re-open)
      Thanks for being part of our grand re-opening
      Community veteran
      You belong to this community since its ancient time
      Forum member
      Belongs to the community of FMCodes
        Posts : 17
        Points : 78397
      Nice one! :D
      Thank you!

      Valid
      Beyonder


      • 10th Anniversary (Grand Re-open)
        Thanks for being part of our grand re-opening
        Passioned user
        You have participated in 50+ different topics, a true fan!
        Active Contributor
        The user has wrote more than 100 posts and comments
        Members true love
        You have received more than 15 likes on your posts. Seems our members really like you!
        Community veteran
        You belong to this community since its ancient time
          Posts : 149
          Points : 74551
        AwesomeBB forums are having some good stuff! nice job!

        Valid
        hoanglongnhatbao


        • Community veteran
          You belong to this community since its ancient time
          Passioned user
          You have participated in 50+ different topics, a true fan!
          Active Contributor
          The user has wrote more than 100 posts and comments
          Post lover
          You have liked more than 50 posts!
          Members Guru
          You have received more than 50 likes on your posts. Our members really what you have to say!
            Posts : 145
            Points : 93767
          Wow nice

          Topic Actions

          Sponsored




          FMCodes • All-in-one Webmasters community  » Coding Community » Template Editing Forumotion » Templates Editing Tutorials » Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

          ©phpBB | Contact | Report an abuse | Cookies