{"id":31143,"date":"2026-01-06T08:16:08","date_gmt":"2026-01-06T08:16:08","guid":{"rendered":"http:\/\/kovaion-new1.local\/dynamic-tile-in-peoplesoft\/"},"modified":"2026-01-06T08:20:32","modified_gmt":"2026-01-06T08:20:32","slug":"dynamic-tile-in-peoplesoft","status":"publish","type":"post","link":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/dynamic-tile-in-peoplesoft\/","title":{"rendered":"Dynamic Tile in PeopleSoft"},"content":{"rendered":"<p>This blog details the implementation and utilization of Dynamic Tile in PeopleSoft<\/p>\n<p>&nbsp;<\/p>\n<h2>Introduction:<\/h2>\n<p><span class=\"TextRun Highlight SCXW45335022 BCX8\" lang=\"EN-GB\" xml_lang=\"EN-GB\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW45335022 BCX8\">In PeopleSoft, dynamic tiles are a type of tile that offer real-time or dynamically generated content on the homepage or landing page of a user&#8217;s PeopleSoft environment. Unlike static tiles, which display predefined information or links, dynamic tiles <\/span><span class=\"NormalTextRun SCXW45335022 BCX8\">provide<\/span><span class=\"NormalTextRun SCXW45335022 BCX8\"> personalized and dynamic data based on specific criteria or user preferences.<\/span><\/span><span class=\"EOP SCXW45335022 BCX8\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><strong>What is a tile in PeopleSoft?<\/strong><\/h2>\n<p>Tiles provide a new PeopleSoft navigational and informational structure. Tiles allow users a quick way to perform routine tasks, such as decision-making or monitoring. Tiles give users direct access to targeted transactions.<\/p>\n<p>A tile on a fluid homepage is similar to a pagelet on a classic homepage. It leverages the ability to display dynamic content from PeopleSoft, which includes visual content from pivot grids or other information sources.<\/p>\n<p>We can show dynamic data on tile by specifying an application class as the data type in Tile Wizard. In addition to specifying the application class ID, we also specify these options in Tile Wizard:<\/p>\n<ul>\n<li>Tile content type<\/li>\n<li>Live data (on\/off)<\/li>\n<li>Badge data (on\/off)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Configuring Tile Options:<\/h2>\n<p>We can configure the looks and behavior of tiles in PeopleSoft via \u2018<strong>Fluid Attribute<\/strong>\u2019 tab of target content reference. Dynamic content on tile is achieved by specifying an application class as the data type in Tile Wizard.<\/p>\n<p><strong>Navigation:<\/strong> Menu -&gt; PeopleTools -&gt; Portal -&gt; Structure and Content and drill down to appropriate folder to get the target content reference.<\/p>\n<p>Click on Fluid Attribute tab to create and configure the look of the tile which in case on Classic component is usually absent.<\/p>\n<p>These options determine what dynamic content and data will appear in the tile. Our implementation of the application class in PeopleCode will determine the specifics of the dynamic content and data. However, our PeopleCode implementation will override the options chosen in Tile Wizard.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9023 size-full\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/content-live-data-and-badge-areas-on-a-tile.png\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 543px, 100vw\" srcset=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/content-live-data-and-badge-areas-on-a-tile.png 543w, https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/content-live-data-and-badge-areas-on-a-tile-480x524.png 480w\" alt=\"Content, live data, and badge areas on a tile\" width=\"543\" height=\"593\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><strong>1. Tile Title<\/strong><\/h3>\n<p>The tile\u2019s title appears in the title bar at the top of the tile. The title is defined at Step 1 in Tile Wizard,and cannot be overridden in People Code.<\/p>\n<h3><strong>2. Tile Content<\/strong><\/h3>\n<p>The tile content consumes the majority of the face of the tile, beneath the title bar and above the live data and badge areas on the tile. While the tile content type is specified at Step 2 in Tile Wizard, it can be overridden in PeopleCode. The specific tile data for any tile content type must be defined in PeopleCode.<\/p>\n<h3><strong>3. Live Data<\/strong><\/h3>\n<p>The live data region appears at the bottom of the tile. Whether live data is displayed on a tile is specified at Step 2 in Tile Wizard; this setting can be overridden in PeopleCode.<\/p>\n<p>Live data consists of four elements, each of which is optional:<\/p>\n<p>Live data value 1 + Trend image + Live data value 2 + Live data value 3.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Creating Application Package for the Dynamic Tile:<\/strong><\/h2>\n<p>To implement an application class for tile content, do the following in your application class definition:<\/p>\n<p><strong>1.<\/strong> Import the base class (also referred to as the superclass):<\/p>\n<p style=\"padding-left: 80px;\"><span style=\"color: #00ff00;\"><strong>import PTGP_APPCLASS_TILE:Tiles:Tile;<\/strong><\/span><\/p>\n<p><strong>Note<\/strong>: Make sure the App Package contains a Sub Package. Otherwise, we might run into errors.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>2.<\/strong> In the class declaration, do the following:<\/p>\n<p style=\"padding-left: 40px;\">a. Indicate that your class (the subclass) extends the base class.<\/p>\n<p style=\"padding-left: 80px;\"><strong><span style=\"color: #00ff00;\">class TileD1 extends PTGP_APPCLASS_TILE:Tiles:Tile<\/span><\/strong><\/p>\n<p style=\"padding-left: 40px;\">b. Declare the constructor method for your class.<\/p>\n<p style=\"padding-left: 80px;\"><strong><span style=\"color: #00ff00;\">method TileD1();<\/span><\/strong><\/p>\n<p style=\"padding-left: 40px;\">c. Declare the required getTileLiveData method.<\/p>\n<p style=\"padding-left: 80px;\"><span style=\"color: #00ff00;\"><strong>method getTileLiveData();<\/strong><\/span><\/p>\n<p style=\"padding-left: 40px;\">d. (Optional) Declare any additional private methods and properties required by your implementation.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>3.<\/strong> In the constructor method for your class, instantiate an object of the superclass:<\/p>\n<p style=\"padding-left: 80px;\"><span style=\"color: #00ff00;\"><strong>method TileD1<\/strong><\/span><\/p>\n<p style=\"padding-left: 80px;\"><span style=\"color: #00ff00;\"><strong>%Super = create PTGP_APPCLASS_TILE:Tiles:Tile();<\/strong><\/span><\/p>\n<p style=\"padding-left: 80px;\"><span style=\"color: #00ff00;\"><strong>end-method;<\/strong><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><strong>4.<\/strong> In your implementation of the required getTileLiveData method, do the following:<\/p>\n<p><span data-contrast=\"none\">\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 a. (Optional) Override the content type by invoking one of the optional SetTileContentAs* methods.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"none\">\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 b. (Optional) Override whether live data is displayed on the tile by invoking the setTileLiveData method or setting the hasLiveDataDescr property.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"none\">\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 c.\u00a0 (Optional) Override whether badge data is displayed on the tile by invoking the setTileHasCount method or setting the hasLiveDataCount property.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"none\">\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 d. For the tile content type selected, invoke any require methods and set all required properties for that content type.<\/span><\/p>\n<p><span data-contrast=\"none\">\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0See <\/span><a href=\"https:\/\/docs.oracle.com\/cd\/E92519_02\/pt856pbr3\/eng\/pt\/tpcr\/task_ImplementingAnApplicationClassForTileContent.html?pli=ul_d38e1355_tpcr#uffd5c7f4-ba73-45e1-a8f5-cb90ea72a6d0\" rel=\"noopener\"><span data-contrast=\"none\">Properties and Methods Required by Tile\u00a0 Content Type<\/span><\/a><span data-contrast=\"none\"> for more information.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"none\">\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0e. If live data is enabled for the tile, set all required properties for live data. See <\/span><a href=\"https:\/\/docs.oracle.com\/cd\/E92519_02\/pt856pbr3\/eng\/pt\/tpcr\/concept_UnderstandingApplicationClassTileContent.html#u2fa5ef33-5621-461d-be95-4ebcf408ee61\" rel=\"noopener\"><span data-contrast=\"none\">Live Data<\/span><\/a><span data-contrast=\"none\"> for more information.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"none\">\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0f. If badge data is enabled for the tile, set all required properties for badge data. See <\/span><a href=\"https:\/\/docs.oracle.com\/cd\/E92519_02\/pt856pbr3\/eng\/pt\/tpcr\/concept_UnderstandingApplicationClassTileContent.html#uedf76962-4db8-457b-bd68-082661422dc9\" rel=\"noopener\"><span data-contrast=\"none\">Badge Data<\/span><\/a><span data-contrast=\"none\"> for more information.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"none\">\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0g. (Optional) Implement error handling by setting the hasContent property.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><strong>\u00a0<\/strong><span data-contrast=\"none\"><strong>5.<\/strong> Create a tile definition in Tile Wizard. At Step 2, specify your custom application class.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>Defining Application Class and Tile Content:<\/h2>\n<h2>Defining the Application Class when the Tile content is Image<\/h2>\n<p>Invoke the SetTileContentAsImage method within your implementation of the getTileLiveData method only if you wish to dynamically override the tile content type to display an image at runtime. When the tile content is specified to be an image, either setTileImageRef method or the ImageReferenceField property is required.<\/p>\n<p>When the user want to use image as tile content, the following methods and property can be used to define the Tile Content.<\/p>\n<p>&nbsp;<\/p>\n<h3>Methods<\/h3>\n<p><strong>Syntax<\/strong><\/p>\n<ul>\n<li><span data-contrast=\"none\">SetTileContentAsImage() <\/span><span data-contrast=\"none\">&#8211; invoked in getTileLiveData() to dynamically override the tile content type at runtime.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<li><span data-contrast=\"none\">SetTileImageRef(image_name) <\/span><span data-contrast=\"none\">&#8211; This method is used to specify the image to be displayed when the tile content is chosen as image.it is equalivalent to specifying the value for property.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<li><span data-contrast=\"none\">ImageReferenceField<\/span><span data-contrast=\"none\">\u00a0&#8211; Either of the two can be used when the tile content is specified as image.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Properties<\/h3>\n<p><strong>Syntax<\/strong><\/p>\n<ul>\n<li><strong>ImageReferenceField <\/strong><span data-contrast=\"none\">\u2013It is used to specify the image field property when the tile content is specified as image. As it is a Field object, we can give value property as follows:<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span>\n<ul>\n<li><strong><span style=\"color: #00ff00;\"><span class=\"TextRun SCXW107079360 BCX8\" lang=\"EN-GB\" xml_lang=\"EN-GB\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW107079360 BCX8\">%<\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW107079360 BCX8\">This.Im<\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW107079360 BCX8\">a<\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW107079360 BCX8\">geReferenceF<\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW107079360 BCX8\">ield.Value<\/span><span class=\"NormalTextRun SCXW107079360 BCX8\">=<\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW107079360 BCX8\">Image.IMG_ID<\/span><span class=\"NormalTextRun SCXW107079360 BCX8\">;<\/span><\/span><span class=\"EOP SCXW107079360 BCX8\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/span><\/strong><\/li>\n<\/ul>\n<\/li>\n<li><strong>\u00a0<span class=\"TextRun SCXW32840159 BCX8\" lang=\"EN-GB\" xml_lang=\"EN-GB\" data-contrast=\"none\"><span class=\"NormalTextRun SpellingErrorV2Themed SCXW32840159 BCX8\">TileImageReferenceLabel<\/span> <\/span><\/strong><span class=\"TextRun SCXW32840159 BCX8\" lang=\"EN-GB\" xml_lang=\"EN-GB\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW32840159 BCX8\">\u2013 This property is used to set tooltip (<\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW32840159 BCX8\">Hovertext<\/span><span class=\"NormalTextRun SCXW32840159 BCX8\">) for the image set as tile <\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW32840159 BCX8\">content.It<\/span><span class=\"NormalTextRun SCXW32840159 BCX8\"> is visible by the user when the image is hover over.<\/span><\/span><span class=\"EOP SCXW32840159 BCX8\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span>\n<ul>\n<li><strong><span style=\"color: #00ff00;\"><span class=\"NormalTextRun SCXW44159025 BCX8\">%<\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW44159025 BCX8\">This.TileImageReferenceLabel<\/span><span class=\"NormalTextRun SCXW44159025 BCX8\">(\u201cThis is <\/span><span class=\"NormalTextRun ContextualSpellingAndGrammarErrorV2Themed SCXW44159025 BCX8\">a<\/span><span class=\"NormalTextRun SCXW44159025 BCX8\"> image hover text\u201d);<\/span><\/span><\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9035 size-medium\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-10-300x246.png\" alt=\"\" width=\"300\" height=\"246\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9024 size-full\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image.png\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" srcset=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image.png 316w, https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-300x246.png 300w\" alt=\"\" width=\"316\" height=\"259\" \/><\/p>\n<p>Dynamic tile with Image as tile content, <span class=\"TextRun Highlight SCXW96199292 BCX8\" lang=\"EN-GB\" xml_lang=\"EN-GB\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW96199292 BCX8\">the tile content consumes <\/span><span class=\"NormalTextRun AdvancedProofingIssueV2Themed SCXW96199292 BCX8\">the majority of<\/span><span class=\"NormalTextRun SCXW96199292 BCX8\"> the face of the tile, beneath the title bar and above the live data and badge areas on the tile.<\/span><\/span><span class=\"EOP SCXW96199292 BCX8\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259,&quot;469777462&quot;:[5057],&quot;469777927&quot;:[0],&quot;469777928&quot;:[1]}\">\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9025 size-full\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-1.png\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 969px, 100vw\" srcset=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-1.png 969w, https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-1-480x411.png 480w\" alt=\"\" width=\"969\" height=\"829\" \/>Application Package PeopleCode.<\/p>\n<p>&nbsp;<\/p>\n<h3>Setting Live Data<\/h3>\n<p>Live Data is displayed at the left bottom of the tile. 3 Live data can be displayed on the dynamic tile. Live data can be enabled from Step 2 of Tile Wizard or we can also override it through PeopleCode.<\/p>\n<p>Live data consists of four elements, each of which is optional:<\/p>\n<p>Live data value 1 + Trend image + Live data value 2 + Live data value 3<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>Method and Properties used to define Live Data<\/h2>\n<ul>\n<li>hasLiveDataDescr\u2013 This property is used to enable the Live Data area. It returns a Boolean value. It is equivalent to setTileLiveData method.<\/li>\n<\/ul>\n<p style=\"padding-left: 80px;\"><span style=\"color: #00ff00;\"><strong>%This.hasLiveDataDescr= \u201cTrue\u201d;<\/strong><\/span><\/p>\n<ul>\n<li>setTileLiveData<\/li>\n<\/ul>\n<p style=\"padding-left: 80px;\"><span style=\"color: #00ff00;\"><strong>%This.setTileLiveData(\u201cY\u201d); \/* Enables the Live Data Area *\/<\/strong><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3>Setting Badge Data<\/h3>\n<p>It is the data which appear at the botton right of the tile , right of Live Data.It is a simple interger, typically a count of item.<\/p>\n<p>First we need to enable the badge area (whether the user want the badge area to be displayed).This can be done using delivered method as well as property.<\/p>\n<p>&nbsp;<\/p>\n<h3>Methods<\/h3>\n<ul>\n<li>setTileHasCount(badge_display \u2013 Y\/N)<\/li>\n<\/ul>\n<p style=\"padding-left: 80px;\">Y \u2013 Badge area is enabled.<\/p>\n<p style=\"padding-left: 80px;\">N \u2013 Badge area is disabled.<\/p>\n<ul>\n<li>We invoke this method in \u2018getTileLiveData\u2019 to override whether the badge area should enabled or not. We can enable it using hasLiveDataCount property also. After the badge\u00a0 area is enabled , the badge data needs to be set through TileTransCount Property.<\/li>\n<\/ul>\n<p style=\"padding-left: 80px;\"><strong><span style=\"color: #00ff00;\">%This.setTileHasCount(\u201cY\u201d); \/* Enables the badge area. *\/<\/span><\/strong><\/p>\n<p style=\"padding-left: 80px;\"><strong><span style=\"color: #00ff00;\">%This.TileTransCount = MY_REC.COUNT;<\/span><\/strong><\/p>\n<p>&nbsp;<\/p>\n<h3>Properties<\/h3>\n<ul>\n<li>hasLiveDataCount \u2013 Use the hasLiveDataCount property to set or return a Boolean value indicating whether the badge area is enabled.<\/li>\n<\/ul>\n<p style=\"padding-left: 80px;\"><span style=\"color: #00ff00;\"><strong>%This.hasLiveDataCount = True; \/* Enables the badge area. *\/<\/strong><\/span><\/p>\n<p style=\"padding-left: 80px;\"><span style=\"color: #00ff00;\"><strong>%This.TileTransCount = MY_REC.COUNT;<\/strong><\/span><\/p>\n<ul>\n<li>TileTransCount \u2013this property is used to set the badge data when the badge area is enabled.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9026 size-full aligncenter\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-2.png\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 641px, 100vw\" srcset=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-2.png 641w, https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-2-480x256.png 480w\" alt=\"\" width=\"641\" height=\"342\" \/>PeopleCode setting Live Data for Dynamic tile.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9027 size-full\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-3.png\" alt=\"\" width=\"291\" height=\"235\" \/>Dynamic tile with Male\/Female percentage as Live Data.<\/p>\n<p>&nbsp;<\/p>\n<h2>Creating a tile definition in Tile Wizard<\/h2>\n<p><strong>Navigation :\u00a0<\/strong><em>Navigator \u2013 &gt; PeopleTools \u2013 &gt; Portal \u2013 &gt; Tile Wizard<\/em><\/p>\n<p><strong>Step 1:<\/strong> Give the tile Name and its Title and click on Next.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9039 size-large\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-14-1024x321.png\" alt=\"\" width=\"1024\" height=\"321\" \/><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9028 size-large\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-4-1024x321.png\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" srcset=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-4-1024x321.png 1024w, https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-4-980x307.png 980w, https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-4-480x150.png 480w\" alt=\"\" width=\"1024\" height=\"321\" \/>Tile Wizard \u2013 Basic Information.<\/p>\n<p><strong>Step 2:<\/strong> Specify the Data Source for the Tile Wizard .Select the Application Package , Sub-package and Class in this step. We also specify the tile content (chart , chart&amp;KPI, 1KPI etc.) along with whether the tile has Live Data and Badge or not.<\/p>\n<ol>\n<li><strong>Root Package ID<\/strong> \u2013 Select a custom application package that includes the class that implements the PTGP_APPCLASS_TILE:Tiles:Tile base class and one of its required SetTileContentAs methods.<\/li>\n<li><strong>Qualified Package\/Class Path<\/strong> -Select the package name or package path to the implemented class.<\/li>\n<li><strong>Application Class ID<\/strong> \u2013 Select the class that implements the required getTileLiveData method.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9040 size-large\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-15-1024x375.png\" alt=\"\" width=\"1024\" height=\"375\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9029 size-large\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-5-1024x375.png\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" srcset=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-5-980x359.png 980w, https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-5-480x176.png 480w\" alt=\"\" width=\"1024\" height=\"375\" \/>Tile Wizard \u2013 Selecting Data Source.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9041 size-full\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-16.png\" alt=\"\" width=\"561\" height=\"340\" \/><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9030 size-full\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-6.png\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 561px, 100vw\" srcset=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-6.png 561w, https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-6-480x291.png 480w\" alt=\"\" width=\"561\" height=\"340\" \/>Tile Wizard \u2013 Select Tile Content Options.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Step 3:<\/strong> Specify the Content Reference which you want see when the tile is tapped. Choose it through the prompt given beside the field. Give the Owner Id and Parent folder being mandatory.<\/p>\n<p>You can provide security to the tile of who can access and who can not by selecting the required Permission &amp; Role for the tile.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9042 size-large\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-17-1024x565.png\" alt=\"\" width=\"1024\" height=\"565\" \/><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9031 size-large\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-7-1024x565.png\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" srcset=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-7-1024x565.png 1024w, https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-7-980x541.png 980w, https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-7-480x265.png 480w\" alt=\"\" width=\"1024\" height=\"565\" \/>Tile Wizard \u2013 Selecting Target Page information and adding security.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Step 4:<\/strong> Specify the width and height of the tile which could be (1:1, 1:2, 2:1, 2:2). An image for it which could be overided through PeopleCode. This width and height of the tile is datatype dependent.<\/p>\n<ol>\n<li><strong>Image<\/strong> \u2013 Select an image (in SVG format only) from the database to display a custom static image as the fluid content. Otherwise the default image is displayed.<\/li>\n<li><strong>Tile Refresh Timer (Seconds)<\/strong> -Enter the time in seconds to set an automatic refresh period for dynamic content on a tile. When the timer limit has been reached, the system re-draws the tile so that it displays the current data, such as in the case with chart.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><strong>Note<\/strong>: If any Event Name is selected this field is disabled. Also the system enforces a 10 second minimum limit. Any value entered less than 10 seconds is ignored and is treated as 10 seconds.<\/p>\n<p>The default value of 0 disables any automatic refresh.<\/p>\n<ol>\n<li><strong>Disable Main Hotspot<\/strong> \u2013 Select this option to \u2018Yes\u2019 to disable displaying the target content defined for the tile when the tile is tapped. However, any links displayed dynamically (dynamic data \/content) within the tile are not disabled.<\/li>\n<li><strong>Display In<\/strong> \u2013 Control how the content appears once a user taps n the tile.<\/li>\n<li><strong>Cur Window<\/strong> \u2013 target content opens up in current window.<\/li>\n<li><strong>Modal<\/strong> \u2013 target content opens up in model window. We get extra Modal Parameter to specify on select this option.<\/li>\n<li><strong>NavBar<\/strong> \u2013 target content appears in NavBar only when the tile is added in NavBar else it will open in the current window.<\/li>\n<li><strong>New Window<\/strong> \u2013 target content opens up in a new window.<\/li>\n<li><strong>Interactive<\/strong> \u2013 Select this option to display the fluid content as interactive, which allows users to enter data or click buttons within the fluid content.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>It is disabled for Pivot grid tiles and OBIEEE tiles.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9043 size-large\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-18-1024x593.png\" alt=\"\" width=\"1024\" height=\"593\" \/><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9032 size-large\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-8-1024x593.png\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" srcset=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-8-1024x593.png 1024w, https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-8-980x568.png 980w, https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-8-480x278.png 480w\" alt=\"\" width=\"1024\" height=\"593\" \/>Tile Wizard \u2013 Setting Tile Display Properties.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Step 5:<\/strong> Review all the settings given for the tile in the last step and Publish the Tile Wizard.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9044 size-large\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-19-1024x519.png\" alt=\"\" width=\"1024\" height=\"519\" \/><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9033 size-large\" src=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-9-1024x519.png\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" srcset=\"https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-9-980x497.png 980w, https:\/\/www.kovaion.com\/kovaioncom_2020\/wp-content\/uploads\/2019\/01\/word-image-9-480x243.png 480w\" alt=\"\" width=\"1024\" height=\"519\" \/>Tile Wizard \u2013 Review the settings.<\/p>\n<p>&nbsp;<\/p>\n<p>After saving the Tile Wizard, it can added to any Homepage from Structure and Content Fluid HomePages Manager Self Service Tile Content , selecting the tile from the folder it was saved in.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Author:<\/strong> Megha Singh, PeopleSoft Consultant<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This blog details the implementation and utilization of Dynamic Tile in PeopleSoft &nbsp; Introduction: In PeopleSoft, dynamic tiles are a type of tile that offer real-time or dynamically generated content on the homepage or landing page of a user&#8217;s PeopleSoft environment. Unlike static tiles, which display predefined information or links, dynamic tiles provide personalized and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-31143","post","type-post","status-publish","format-standard","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/posts\/31143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/comments?post=31143"}],"version-history":[{"count":1,"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/posts\/31143\/revisions"}],"predecessor-version":[{"id":31144,"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/posts\/31143\/revisions\/31144"}],"wp:attachment":[{"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/media?parent=31143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/categories?post=31143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.kovaionplay.com\/stage-kovaion\/wp-json\/wp\/v2\/tags?post=31143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}