Botframework-webchat: Request: Add bubble nub to attachments

[arman-g]

#

Right now, attachments (carousel, adaptive card, image, etc) will not show a bubble nub even when bubblenub is enabled. This is by design. The request is to enable the user to choose to include a nub on the attachments or not.

---

Screenshots

Version

CDN v4.6.0

Describe the bug

The fallowing style options do not reflect bot bubble

bubbleNubOffset: 'bottom',
bubbleNubSize: 10

Steps to reproduce

Add these to options under styleoptions using CDN and observe the result. You should not see nub on the bot bubbles.

Expected behavior

Should show bubble nubs on bot bubbles.

Additional Information

After doing more tests it seems the problem happens with hero and adaptive cards (see the image).

[Bug]

[arman-g]

@corinagum I added more information about my findings.

[corinagum]

ah! @arman-g your investigations are exactly what we needed :) I thought they weren't working for any from-bot activities.

When implementing the bubblenub feature, the design decision was to not include attachments as having a bubblenub. This means that any kind of activity that is considered an attachment (carousel, adaptive card, image, herocard) will not show a nub, and is not intended to. As it is, this is not a bug, it's by design. ^^

However, I'm assuming you would like to include the bubblenub on attachments. I'm going to re-categorize this bug as an Enhancement request. If anyone else is looking for this behavior, please feel free to add a +1 below.

[arman-g]

ah! @arman-g your investigations are exactly what we needed :) I thought they weren't working for any from-bot activities.
When implementing the bubblenub feature, the design decision was to not include attachments as having a bubblenub. This means that any kind of activity that is considered an attachment (carousel, adaptive card, image, herocard) will not show a nub, and is not intended to. As it is, this is not a bug, it's by design. ^^
However, I'm assuming you would like to include the bubblenub on attachments. I'm going to re-categorize this bug as an Enhancement request. If anyone else is looking for this behavior, please feel free to add a +1 below.

Thanks for the update. I understand that it is by design but this is not solving my problem since we can't have bubble nubs show on some and not show for the others. This means I have to create it manually which defeats the purpose of having these options. Not sure if this decision was made before adaptive cards came out but for sure it needs rethinking. Anyways I opt to this future, thank you.
+1

[compulim]

Assigning to @DesignPolice.

Marc, can you consider this case when you are restyling Web Chat? Throwing some random thoughts, not really something I want, but things that might drive our directions.

• Should we have different bubble style for activity vs. attachments?
  
  
  
  • Bubble for activity could have lighter gray, and attachment is white
  
  
  • Bubble for activity is more round, while attachment is rectangular
  
  

[DesignPolice]

Sure I can take a look at that... looking at all of it right now. If there are any other things we should look at let me know! @compulim

[v-kydela]

I don't know why Web Chat would want to differentiate between text messages and attachments when it comes to bubble nubs. Web Chat v3 didn't. You might be interested to see this customer's issue: https://stackoverflow.com/questions/60383301/how-to-format-adaptive-cards-like-the-old-version-of-webchat

[Tiger519]

Yes, that was my issue. I'm interested in this not only for the nub (I think it looks better), but also for the fact that in Web Chat v3 the attachment had it's own white box _inside_ the gray speech bubble with nub. Check out the screenshots in the SO issue Kyle linked above. I felt this was a much better UI. I'm actually trying to figure out how I can somehow replicate the old Web Chat v3 adaptive card host as I felt the UI was much better.

[droidriz]

any updates on this?

[compulim]

Sorry, we are not adding bubble nubs to attachments.

Attachments are not something the user/bot mentioned. Instead, they are attached.

Since it is not something "spoken", the bubble nub should not appear next to them.

[droidriz]

@compulim Thanks for replying :)
Appreciate all your efforts.

[compulim]

@droidriz Thanks for understanding.

Be sure to check out the new "activity grouping" feature, it may give you what you need. 😉

Will add a nice sample soon.

The animation will be disabled in production version.