Icon Link Widget

[pallabi]

I am learning Angular JS and I came across the widget Icon Link where there is variable named options

  <a ng-if="::(options.link_template == 'Top Icon' || !options.link_template)" ng-href="{{::data.href}}" class="top_icon {{::options.class_name}}" target="{{::data.target}}">

      <div class="m-b fa fa-{{::options.glyph}} fa-4x {{::options.class_name}} text-{{::options.color}}"></div>

      <h3>{{::options.title}}</h3>

      <span class="text-muted">{{::options.short_description}}</span>

  </a>.

I am unable to find where this options variable is defined.

Also there is a server script which I am unable to understand  

(function(){

var gr = $sp.getInstanceRecord();

data.href = $sp.getMenuHREF(gr);

data.target = options.target || "";

})();

[Jack · Accepted solution]

Hi Pallabi,

About the options of widget, you click the pencil icon to display Options page

More details, you can see this link:

Widget instance options schema

About the $SP API, you can see it on this link:

documentation/widget_server_script_apis.md at master · service-portal/documentation · GitHub

[Jitendra Diwak1]

Hi 

Can I ask you a question?

My question is there is short description field in above image while filling the short description filed in Icon Link and we fill it and I want to display multiple short description and means to break the text in short description so my whole short description can be in proper format.

[Jack]

Hi Jitendra Diwakar,

Unfortunate, I don't know how to implement for your requirement.

1. Short description is string field but I think you cannot input multiple lines here.
2. Icon Link widget is using span tag to show short description.

---------
-JL-