Stock Quotes

The Stock Quotes Web Part uses the public Yahoo Finance Stock Quote Web Service to display selected stock quote information. The data are delayed by 20 minutes and provided by Yahoo Finance. 

You can configure the following web part properties:

  • the list stock symbol to watch
  • Background color to indicate a positive or negative value
  • additional CSS to adjust the look and feel
  • creating a custom Template gives you the maximum flexiblility


Download and extract the current version of the WebPart.
Navigate to the App Catalog, upload the .sppkg file.
The Dialog will ask you about the deployment method and offer you the ability to deploy the Solution to all Sites (Checkbox).
now the WebPart is available to attach it to a WebPart zone as neededas needed

General Settings Expert Settings

General Settings

Symbol: Enter the Stock Symbol
Background Color: Set a background Color for a positive, negative and N/A state, separated with a ";" like: green;red;silver or #19ef60;#f31040;Silver
Custom CSS Style: Adjust the look and Feel with additional CSS.
Options: Specified different working mechanism by Options (List below).
License Key: Enter your license Key.

Expert Settings

Header Template: HTML/CSS Header Template to start with like a Title and Div / UL Tag.
If you like to have the Indicator background-colors, please use the class name: AESQstockWrapper.
Field Template: Will repeat for each Item. To select a stock information values use curly brackets: {g}
For example:< h1>{n}< /h1>{s}< br>Day's low: {g}< br>Day's high: {h}

Footer Template: Set the footer Template with ending Tags
If you set the Footer Template to a Question Mark, and something within the Field Template, the WebPart will show all available Tags with Infos.



instance=n|:To configure multiple instances for itself, set each WebPart to an own instance.
i.E. instance=1| for the first WebPart. And instance=2| for the second one

setcolortoclass=classname|:Set Background-Color properties assigne to the proper classname (Expert Mode only)
setcolorattribut=attributname|:Set the CSS attribute within the proper classname (Expert Mode only)

AE Stock Quotes SPFx Version
AE Stock Quotes SPFxUSD 80.00

Leave a Reply

Be the First to Comment!

Notify of