Geneva Service Portal – Creating a “Hello World” widget

In this tutorial I create a simple Hello World widget that makes a call to the server to retrieve the “name” of the user based on the “username” entered in the input. This tutorial is specific to the Geneva version of Service Portal.

Also in case you missed my big announcement made earlier today: I’m now available for contract work.

HTML Template:

JSON Data Producer:

Client Script:

18 comments

  1. Hi,
    Where I can see the plugin for the service portal?
    It’s not in my application menu.
    Thanks,
    Lior Grinberg

  2. Love your auto-magic corrections of “spUtil” and “success” 🙂 But seriously, great start to what I hope to be an amazing resource of Angular and Service Portal.

    1. Haha yeah, I didn’t feel like re-recording to fix that. Glad to see someone was paying attention 🙂

  3. Hi Nathan,

    I’m a principal at a local San Diego consulting firm. We have an SN practice and are looking for folks to help us accelerate the practice through knowledge of the platform and willingness to participate in Business Development.

  4. Looks great Nathan, thanks for sharing! I look forward to trying out the newer version, as I only tried the initial beta version when Geneva was released. Hope to see you at Knowledge16?

  5. Hi Nathan.

    Can you show/describe how to create an appropriate Rectangle to make it work? Your video shows one titled, ‘Ajax’ but doesn’t mention anything about it.

  6. Hey Nathan,
    Thank you for example. I was trying out few things on portal and was stuck on how do I store and load html templates based on click events.
    scenario: left navigation has some link and based on links I need to load different html pages in main content pane.

    1. Hi Nathan,

      This example doesnt work on H. Can you please tell us what changes needs to be made ? how can we call server from the Client ?

  7. Hi Nathan,

    One small query . i was looking at the User profile widget. In order to get team data, they are making use of this code :

    data.teamWidget = $sp.getWidget(‘sp-my-team’, {glyph: ‘user’, color: ‘primary’});

    can you please tell me from where does it get the value of widget (sp-my-team) ?

    Thanks,
    Indumathi

  8. Hi Nathan,

    Can you please help me resolve this issue. We have applied a filter using instance with table. But the filter doesnt seam to be getting applied . Neither extra fields added get reflected on the List view in the portal.

    Thanks,
    Indumathi

Leave a Reply

Your email address will not be published. Required fields are marked *