Overview Version (1) Discussion (1)

• 

  [FF] Realtime Conversations

  Extends basically all of @021 WebSockets addons to also bring in support for live chatting (WebSocke

  conversations

  realtime conversations
  About this resource

  Extends basically all of @021 WebSockets addons to also bring in support for live chatting (WebSockets for comms, Real Time Alerts for the popups and Real Time Threads for the display new messages code) - so you will need ALL OF THEM installed to use this.
  
  Once installed, add the following to your extra.less
  

  CSS:

  .js-typers {
      &.is-active {
          opacity: 1;
          max-height: 1000px;
          transition: all .5s ease-in-out;
      }
      > .block-container {
          margin-bottom: @xf-elementSpacer;
      }
      .user-card {
          text-align: center;
      }
      .dots {
          display: block;
      }
      .js-typesText:after {
          content: "\00a0";
      }
      opacity: 0;
      max-height: 0;
      margin-bottom: 0;
      transition: all .3s ease-in-out;
  }

  
  Nothing else to configure, just install and it will work, although there are 2 options you can use to tweak
  

  

  
  
  NOTE: I don't have access to any of his addons after version 2.0.0 - so I don't know if it will still work if you are using newer versions.
• Version

  2.0.3 Stable Available Dec 6, 2025 · 0

  Download

  File size: 26.3 KB

  SHA-256: 7a72ff9169604f840f512703ab8fb74da1df4db81bf5041ce4dbdffd7a1e5727

  SHA-256 verified Package valid Compatibility checked Last verified: Wednesday at 12:10 AM

  Extends basically all of @021 WebSockets addons to also bring in support for live chatting (WebSockets for comms, Real Time Alerts for the popups and Real Time Threads for the display new messages code) - so you will need ALL OF THEM installed to use this.
  
  Once installed, add the following to your extra.less
  

  CSS:

  .js-typers {
      &.is-active {
          opacity: 1;
          max-height: 1000px;
          transition: all .5s ease-in-out;
      }
      > .block-container {
          margin-bottom: @xf-elementSpacer;
      }
      .user-card {
          text-align: center;
      }
      .dots {
          display: block;
      }
      .js-typesText:after {
          content: "\00a0";
      }
      opacity: 0;
      max-height: 0;
      margin-bottom: 0;
      transition: all .3s ease-in-out;
  }

  
  Nothing else to configure, just install and it will work, although there are 2 options you can use to tweak
  View attachment 1883
  
  NOTE: I don't have access to any of his addons after version 2.0.0 - so I don't know if it will still work if you are using newer versions.
• Discussion

  This resource has a discussion thread on the forum where you can ask questions, report issues, and talk with the author and other users.

  Join the discussion (1)