Resume application using BSP

Resume Application using BSP:

Create a BSP application as “Zres_app” in transaction SE80 and create 3 pages(Page with flow logic) for the created BSP application as follows

Page with flow Logic:

First.htm, Second.htm, Third.htm

Scenario:

User can fill their details in ‘first.htm’ and he/she has 3 options Save (or) Submit (or) Display their details via button event.

First.htm:

<%@page language="abap"%>

*For Reset Button

<%@ extension name="htmlb" prefix="htmlb" %>

content id="res" design="classic+design2002+design2003">

title="Resume Application">
form>
title = "Enter Your Resume Details"
width = "550px" >

id = "myGridLayout1"
columnSize = "2"
rowSize = "7" >
= "1"
columnIndex = "1">
text = "Name"
design = "EMPHASIZED" />

= "1"
columnIndex = "2" >
id = "i_name"
type = "string"
size = "10"
value = "<%= i_name %>" />

<br/>
= "2"
columnIndex = "1">
text = "Age"
design = "EMPHASIZED" />

= "2"
columnIndex = "2" >
id = "i_age"
type = "string"
size = "2"
value = "<%= i_age %>" />

<br/> <br/>
= "3"
columnIndex = "1" >
"EMPHASIZED"
text="Sex"/>

= "3"
columnIndex = "2" >

id="gro" selection="<%= selection1 %>">
id="Male"
text="Male"
onClick="myClick">

id="Female"
text="Female"
onClick="myClick">



<br/><br/>
= "4"
columnIndex = "1" >
text = "Address"
design = "EMPHASIZED" />

= "4"
columnIndex = "2" >
id = "address"
cols = "30"
rows = "4"
text = "<%= i_address %>" />

<br/><br/>
= "5"
columnIndex = "1" >
text = "Qualification"
design = "EMPHASIZED" />

= "5"
columnIndex = "2" >
id = "ListBox1"
onSelect = "ListBox1Event"
selection = "<%= selection2 %>"
>
key = "B.Com" value = "B.Com" />
key = "BCA" value = "BCA" />
key = "B.E" value = "B.E" />
key = "MCA" value = "MCA" />
key = "MBA" value = "MBA" />


<br/><br/>
= "6"
columnIndex = "1" >
text = "My Strengths"
design = "EMPHASIZED" />


= "6"
columnIndex = "2" >
checkbox id = "SelfConfidence"
text = "Self Confidence"
checked = "<%=i_check %>"/>
<br/>
checkbox id = "HardWorker"
text = "HardWorker"
checked = "<%=i_check %>" />
<br/>
checkbox id = "CreativitySense"
text = "Creativity Sense"
checked = "<%=i_check %>" />
<br/>
checkbox id = "FlexibletoSurroundings"
text = "Flexible to Surroundings"
checked = "<%=i_check %>" />

<br/> <br/>


= "7"
columnIndex = "1" >
text = "Extra Activities"
design = "EMPHASIZED" />

= "7"
columnIndex = "2" >
id = "ea"
cols = "30"
rows = "4"
text = "<%= i_act %>"/>

<br/> <br/>



button id="btn_submit"
text = "Submit Ur Details"
onClick = "myDetail" />
button id="btn_save"
text = "Save Ur Details"
onClick = "mysave"
onClientClick="alert('Ur details are updated!')" />
button id="btn_display"
text = "Display Details"
onClick = "myDetails" />



form>


content>

Types:

TYPES: table_res type ZRES_TT.

Page attributes:

c_text	TYPE	STRING

itab	TYPE	ZRES_TT

i_act	TYPE	CHAR40

i_address	TYPE	CHAR40

i_age	TYPE	NUMC2

i_check	TYPE	STRING

i_name	TYPE	CHAR40

i_qualify	TYPE	CHAR5

i_sex	TYPE	CHAR6

selection1	TYPE	STRING

selection2	TYPE	STRING

Output (first.htm):

Second.htm:

<%@page language="abap"%>
<%@ extension name="htmlb" prefix="htmlb" %>


content design="classic+design2002+design2003">

title="Simple Format">
form>

<h3><b><font size="16" face="courier new" color='green'><u> Your Details