It's all about the answers!

Ask a question

RQM Dashboard Widgets - Customization


VK L (8177157159) | asked May 04 '15, 8:21 a.m.
Hi All,
We are looking to customize the reports-design of certain built-in widgets -> Like changing bar-chart to pie-chart model and so on.
Is it possible to customize? Please advise.

Thanks.

2 answers



permanent link
Jonas Studer (207917) | answered May 04 '15, 8:27 a.m.
Hy VK L,

Of course this is possible.
But my suggestion to this topic is: Write your own Widgets!
Those from IBM are mostly garbage and it's a lot of work to get into them.
But with a Widget you can do whatever you want...
The guys from Siemens started to do so!

This is a video about the "Timebox Planning Tool"
https://www.youtube.com/watch?v=Goh2tA34vv0

Here's the manual to create viewlets
http://www.ibm.com/developerworks/rational/library/10/createdashboardviewletsinrationalteamconcert/

Greetings

permanent link
VK L (8177157159) | answered May 04 '15, 8:32 a.m.
Hi Jonas,
Thanks. I am looking to modify and existing report-viewlet design to dispay a different chart-design. So, i need to first go through the source to see how its designed and then i can either customize it or put in a new one.
Which package has the source and how is it reading live data?
Please advise.

Thanks.

Comments
Jonas Studer commented May 04 '15, 9:13 a.m.

Hy VK,

I guess you should think about what a Widget is.
It is like a separate Application which runs on the Jazz-Server with it's own code.
All Widgets are globally available due to it's ID's.
Widgets are created with the "Dojo Framework" (Javascript)

You have now 2 possibilities.
1: You can take an already existing Widget and manipulate it.
    But I don't recommend that! First I don't know about the license rules and second
    it's a bit dangerous, because it'll be overwritten with an RTC-update.

2: You analyze an already given Widget. And implement your own logic.
   
Charting with dojo (examples)
http://dojotoolkit.org/reference-guide/1.10/dojox/charting.html

Dojo API
https://dojotoolkit.org/api/

Dojo Diagrammer
http://www.ibm.com/developerworks/rational/library/interactive-diagrams-dojo-diagrammer/


1
Jonas Studer commented May 04 '15, 9:24 a.m.

How to find Code on already exising Widgets.

1: Install something like firebug

2: Open a Dashboard and add the wished Widget (E.g. About Me)

3: Change the URL (Add "?debug=true" in front of #)
    This will load the javascripts clearText.
https://localhost:7443/jazz/<Application>/projects/<PROJECT>#action=com.ibm.team.dashboard.viewDashboard
https://localhost:7443/jazz/<Application>/projects/<PROJECT>?debug=true#action=com.ibm.team.dashboard.viewDashboard

4: Reload Page and watch the NET(XHR) Panel (Get-Request)
"https://localhost:7443/jazz/viewlet/"
Something with "Viewlet" in it.
https://localhost:7443/jazz/viewlet/com.ibm.team.dashboard.viewlets.web.persona

5: Now you have the ID of this Widget
com.ibm.team.dashboard.viewlets.web.persona

6: Change to the "Scripts" Panel and search the ID
Et Voila you have now the Code
But be careful! IBM writed it's widgets with old Dojo code (Pre-AMD)



Jonas Studer commented May 04 '15, 9:35 a.m. | edited May 04 '15, 9:36 a.m.

How to read live data.
There are 2 possibilites too.

1: You analyze the server and how it gets it data.
e.g. The Client which handles the user things
https://<server>/<application>/web/com/ibm/team/dashboard/viewlets/web/client/internal/MembersClient.js

2: You get your data through REST (XHR-Get)


Jonas Studer commented May 04 '15, 9:38 a.m.

How to get all Widget ID's

1: Install a REST Client (Browser Plugin)

2: Header:
    OSLC-Core-Version: 2.0
    Accept: rdf/rdf OR text

3: https://<server>/<application>/jfs/WidgetCatalog
   

Your answer


Register or to post your answer.


Dashboards and work items are no longer publicly available, so some links may be invalid. We now provide similar information through other means. Learn more here.