Creating Fiori Tiles for custom T-codes

In order to create a Fiori tiles for custom t-code we basically have to follow 4 steps :

  • Creation of Semantic Object
  • Creation / Use Existing Catalogs
  • Tiles Creation
  • Target Mapping

Step 1 : Creation of Semantic Object

For creating the semantic object enter the T-Code : /n/ui2/semobj in command box of standard tollbar.

after entering the T-Code you will be redirected to this page where semantic object has to be created, so first open it on EDIT mode then click on CREATE ENTRIES

Post clicking on new entries you will be able to create new entries now, you can enter your semantic object name and description accordingly and after all the required details are filled you can SAVE it and your semantic object is created.

okay now the semantic object is created but do you a question in your mind like why exactly are we creating semantic objects? what is the purpose of creating this? hold you till the end you will get your answers.

Step 2 : Creation / Use Existing Catalogs

now we have a semantic object , next we have to create a catalog or if you have already created catalog you can use that as well but in this scenario we will be creating and catalog and use it.

Know the Difference between groups and catalog by clicking here

For creating catalog , tiles or target mapping we have to use T-Code : /n/ui2/flpd_conf

[NOTE : flpd stands for Fiori launchpad & conf stands for configuration].

after you press enter you might be asked for entering Fiori’s credential but if you are already have Fiori connected with your server it can directly open .

Once the page is opened you have to click on the settings icon on the top right corner and assign your Package and workbench request.

after assigning TR you can create your custom catalog.

Enter catalog details accordingly and SAVE it , after saving your custom catalog is ready.

Step 3 : Tiles Creation

now we have created our catalog we can search for that and after opening that we are given an option to create tiles & target mapping so will get to the step-3 i.e- creating tiles.

in order to create a tile click on the + symbol .

For Tiles creation there are basically 3 different types of tiles those are:

Dynamic tile , News Tile & Static Tile.

for this example we will be using Static tile.

Once you add a static tile you will be asked to fill couple of details so you have to do that accordingly , and your our example we will be creating the tile for t-code : se38 and have filled details for that accordingly and make sure you are filling the name of semantic object correctly your semantic object should be the one which you have created now after filling the required details you can save it the tiles will be created .

so your Tile is now created and will look something like this , we have completed 75% of the part just hold on for the last step.

Step 4 : Target Mapping

For Target mapping click on the target mapping icon , and click on create target mapping.

Here comes the most important step :

so , semantic object , action and title should be same as what you have given while making the tile also in place of transaction make sure your T-code is correct so that after clicking on the tile it should direct to that specific t-code output also make sure to change the application type to to transaction , after entering required data click on SAVE .

once the tile is created you can arrange it in a group accordingly .

congratulations on creating your Fiori tile !!

Is it clear for you on why we had created Semantic object?

you might have understood that we are doing

  • step-3 : Tiles Creation for adding attributes to the tile like adding icon giving it title etc.
  • step-4 : target mapping to give it an output path on where it should go after clicking on that

but what about step-1: semantic object why have we created that?

well the answer is we are creating the semantic object for connecting the tile to target mapping it acts as an bridge between tiles and target mapping.

Be the first to comment

Leave a Reply

Your email address will not be published.