I am going through openspan agile desktop excercise. I have created projects as described in the excercise.

For agile desktop excercise,I have edited interaction-call.xml there is following code (HasExtendedView="True"), which means this should show extended view. When I run it,I see little arrow indicating that it is extendable view. But when I click on arrow,the extended view window is blank. Can someone help with it.

<Plugin Name="360AppBar" Label="360 View" IsActive="True" HasExtendedView="True" CanHide="False" EnableWithNoActiveInteraction="False">
<Section Name="Products" Visibility="Primary">
<Item Name ="State">
<Context Name="State"/>
<Label>State</Label>
</Item>
<Item Name ="Zipcode">
<Context Name ="Zipcode"/>
<Label>Zipcode</Label>
</Item>
</Section>
<Section Name="Products1" Visibility="Extended">
<Item Name ="State">
<Context Name="State"/>
<Label>State</Label>
</Item>
<Item Name ="Zipcode">
<Context Name ="Zipcode"/>
<Label>Zipcode</Label>
</Item>
</Section>
</Plugin>

Screenshot is attached in which blank extended view is highlighted.I have windows 7 machine. IE version is 11.

***Updated by moderator: Lochan to move post from PSC to Pega Academy***