!--a11y-->
Creating View detail.htm for the Detail Display 
Use
This view is called when the user clicks on a book in the results list. It displays details about the book.
Procedure
In principle the view corresponds to the
Book Page from the Online Bookshop.|
<%@page language="abap" %> <%@extension name="htmlb" prefix="htmlb" %> <font face="Arial"> <table width="500"> <tr><td><h1> <%= s_bookdata-title %></h1><%= s_bookdata-subtitle %></td></tr> <tr><td><p align="right"><b> < %DATA author_wa TYPE bsauthors. LOOP AT s_bookdata-authors INTO author_wa. %> <%= author_wa-authfname %> <%= author_wa-authlname %><br> <% ENDLOOP. %> </td></tr> <tr><td><p><b> <%= s_bookdata-publisher %></b> -<%= s_bookdata-series %> </p><br></td></tr><tr><td><p>Our Price: <%= s_bookdata-our_price %><%= s_bookdata-catal_curr %> Delivery time: <%= s_bookdata-delivery %> day(s) </td></tr> <tr><td><p align="right"> <htmlb:button id = "ORDER" text = "Order this book" onClick = "order" /> </td></tr> </table> </font> |
You can find detailed data on the book in the structure
s_bookdata which you must of course maintain as a page attribute.In Page Attributes, add:
|
Attribute |
Type |
Reference Type |
Description |
|
s_bookdata |
TYPE |
BSBOOKDATA |
Structure for transferring the book data |

Arial font is used so that the output matches the HTMLB style.
Result
You are now almost finished. You can now also display detailed data about a book.
![]()
Now create the alternative view if no book was selected:
Creating View about.htm for the Detail Display