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