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 Autorefresh 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.

Autorefresh Settings

Enable Autorefresh: enable or disable this functionality to automatically refresh it's values.
(i.E. to use this WebPart on a public Display)
Interval in Minutes: Specified the interval in Minutes from 5 to 120Minutes.

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}
Fields to address: {high}{low}{volume}{change}{symbol}{close}{open}{link}
Footer Template: Set the footer Template with ending Tags



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)
epoch=TIME_SERIES_INTRADAY|:Enables (if available for the particular Stock) the placeholder {lastDate}{lastTime}.
rearrange the datestring if needed
set a delimeter for the above option

Product Price
AE Stock Quotes SPFx Version Free download..
AE Stock Quotes SPFx USD 80.00

Leave a Reply

Be the First to Comment!

Notify of