using branchtrack for company training - anyway to move location of callout box and small triangles in corner

Follow

Seth Scherer

• June 01, 2022 19:13
• Edited

We are using Branchtrack with a ferc mandated training that goes out to the whole company.  I am attaching the below slide as an example.  Is there anyway to move the location of the callbox (i.e. the box that starts with the word Welcome, ….).  In addition. anyway to move the location of the small triangles at the bottom of the callout box and where it says start (circle in red).   Lastly, is there a way to choose a different type of callout box look besides what is displayed below, if so how do I choose a different selection.

0

• Official comment

  

  Konstantin Sinitsin

  • June 06, 2022 14:27
  • Edited

  Hi Seth,
   
  The triangles can be removed with custom CSS.
   
  .node-tick {display:none !important} - removes the one on the speech bubble
   
  .edge-tick {display:none !important} - removes the one on the choices
   
  This one moves the speech bubble: feel free to adjust the px value.
   
  .theme-speech-bg-color {
  margin-right: 100px !important;
  }

  These only work for the legacy player.

  Please let me know if you need further assistance.
   
  Regards,
  Konstantin

  Comment actions Permalink
• 

  Seth Scherer

  • June 08, 2022 13:41

  Konstantin, your css helped.  one more question, do you have the css code for the box that starts with "Select your position" so it doesnt sit right on top of the boxes to the left.  I want to move it up if possible.

   

  

  0

  Comment actions Permalink
• 

  Michael Ambech

  • August 02, 2022 10:55

  Hi Seth! Let me just chime in here :-)

  Branchtrack doesn't work well with that many choice options. I'd instead separate this one into two slides and include an option called "Show me more departments/options".

  Best Regards

  Michael

  0

  Comment actions Permalink
• 

  Konstantin Sinitsin

  • August 02, 2022 18:54

  Hi Seth,

  You can try this:
  
  #bt-theme blockquote {margin-top: -10px;
  }

  Adjust the px value as needed. Please let me know if you need further help with this.

   

  When using the Legacy player you have finite space on the scene for text and choices. When exceeded they will overlap. Michael's recommendation is on point. Split the scene into two scenes (include the option for learner to move to and from those 2 scene so they could study all of the choices.

  The new player is scrollable and doesn't have the overlap problem, so perhaps it might make sense to switch to it.

   

  Cheers,

  Konstantin

   

   

  0

  Comment actions Permalink

Please sign in to leave a comment.