It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

How to implement full-view in a sidebar of a glance in hipchat ?

nico jam Jul 25, 2017

Hi,

I am trying to implement a sidebar where you could click on items in a list and it would then show a more detailed page about the item with a back button on top to come back to the list page of the sidebar. It is pretty much the "full view" that is described in the sidebar documentation page of the hipchat guide :

 

Full views are used to display more detailed information - like a single issue. Views allow users to take specialized actions, and are often a jumping off point to the application itself. Full views are typically used to:

  • Display more information about an object or card
  • Allow users to take specialized actions (e.g. acknowledge an incident).

 

And in the sidebar styleguide page :

Full views are used to display more detailed information that wouldn't fit into a chat card. These are typically comprised of different elements. Full views can be directly navigated from the glance or the card.Use a full view layout when displaying information that: 

  • Comprises multiple data types.
  • Does not require direct comparison (a user is not directly comparing images or text).
  • Is more than three lines of text, images, links, or key value pairs.

ContentFull views must have a back button to navigate back to the list view or glance.



 

The thing is I can't find any examples anywhere of a full view implementation and I don't know if this is possible only with the hipchat connect AUI, or if it is something completely unrelated done in HTML or javascript.

Thank you for your help !

1 answer

0 votes
Edwin Ho Atlassian Team Aug 07, 2017

Hi Nico.

You will have to create an add-on first before declaring a sidebar view.

As a start, why not try creating an add-on using atlassian-connect-express (Node.js) and complete the prerequisites?

Thanks.
Edwin

nico jam Aug 22, 2017 • edited

Hi there thanks for your answer !
Actually I already created addons (glances and sidebars) the thing is I only know how to create a list view inside the sidebar, but have no clue on how to implement the sidebar view using the hipchat AUI javascript library, as I'm using powershell and not node.js.

Is the only way to use the node.js library you mentionned ?
Thanks a lot !

Nico

Suggest an answer

Log in or Sign up to answer
This widget could not be displayed.
This widget could not be displayed.
Community showcase
Published in Hipchat Cloud

Hipchat Cloud and Stride have reached End of Life (updated)

All good things come to an end - thanks to all our customers and partners who have been along the Hipchat and Stride journey with us.  As of Feb 15th 2019, Hipchat Cloud and Stride have reached ...

33,182 views 7 8
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you