Tutorials [cXF] Conversation Button - Opening Custom Message in Overlay Window

Marks-Man

Administrator
Joined: Mar 15, 2021
Messages: 616
Resources: 306
Points: 43
Reaction score: 210
667b89780e402.jpg

Step 1

/src/addons/BassMan/ConversationButton/_data

We go to this directory and open the template_modifications.xml file located here in an editor.
Code:
Code:
<xf:button href="{{ link('conversations/add', '', {'to': $user.username, 'title': $__globals.thread.title}) }}" class="cxf-button button--link">
Code:
Code:
<xf:button href="{{ link('conversations/add', '', {'to': $user.username}) }}" class="cxf-button button--link">
  • We add data-xf-click="overlay" to the end of these codes.
  • So like this
Code:
Code:
<xf:button href="{{ link('conversations/add', '', {'to': $user.username, 'title': $__globals.thread.title}) }}" class="cxf-button button--link" data-xf-click="overlay">
Code:
Code:
<xf:button href="{{ link('conversations/add', '', {'to': $user.username}) }}" class="cxf-button button--link" data-xf-click="overlay" >
  • Then we save the file.
  • Then we go to lines 36 and 42. These lines have the following code (on both lines separately):
Code:
Code:
class="cxf-icon button--link">
  • Similar to these two codes, we add data-xf-click="overlay" to make them like this:
Code:
Code:
class="cxf-icon button--link" data-xf-click="overlay">

now rebuild
 

Marks-Man

Administrator
Joined: Mar 15, 2021
Messages: 616
Resources: 306
Points: 43
Reaction score: 210
Thank you so much @Marks-Man for your great job

How can I make it for conversation icon?
Inspect element on it to know which one is selected, add font awesome 5, check sheet online to choose your icon.
It is similar to custom username styles

 

e-Dewan

Registered Member
Joined: Jul 2, 2021
Messages: 3
Points: 3
Reaction score: 4
Inspect element on it to know which one is selected, add font awesome 5, check sheet online to choose your icon.
It is similar to custom username styles

Thank you for your reply

What I meant is that your tutorial works for Conversation Button but not for icon
I am using "[cXF] Conversation Button" add-on as icon but not button

screenshot-www.e-dewan.com-2021.09.09-21_06_02.png
So, I would like a tutorial to work with icon.
 

Marks-Man

Administrator
Joined: Mar 15, 2021
Messages: 616
Resources: 306
Points: 43
Reaction score: 210
Thank you for your reply

What I meant is that your tutorial works for Conversation Button but not for icon
I am using "[cXF] Conversation Button" add-on as icon but not button

screenshot-www.e-dewan.com-2021.09.09-21_06_02.png
So, I would like a tutorial to work with icon.
Also This one can be done in same method for custom username title.

PM me your credentials, so I can check later
 
Last edited:
  • Tags
    custom message in overlay window
  • Top