l8: panels and view configurations
TRANSCRIPT
![Page 1: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/1.jpg)
1
BuildingWebapplicationwithpanelsandviewconfigurations
i-viewsUniversityPart08Basicknowledge:
BuildingWebapplicationwithpanelsandviewconfigurations
![Page 2: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/2.jpg)
2
BuildingWebapplicationwithpanelsandviewconfigurations
2
Your teacher today
NadineProske
KnowledgeEngineer
intelligentviewsgmbh
![Page 3: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/3.jpg)
3
BuildingWebapplicationwithpanelsandviewconfigurations
3
Content(Basicknowledge)
1. Overview ofthe configuration elements ofawebapplication1. Panels
2. Actions
3. Viewconfigurations
2. Preconditions tobuild awebapplication
3. Proceeding tobuild awebapplication
4. Panels
5. Basicknowledge:Viewconfigurations
6. Task:Hello Worldwithpanels
![Page 4: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/4.jpg)
4
BuildingWebapplicationwithpanelsandviewconfigurations
4
Content(Advanced knowledge)
1. Advanced knowledge:view configurations
2. Actions
3. Task:Buildingasimplewebapplication
4. Homework:Expanding the builded webapplication withselected functions
![Page 5: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/5.jpg)
5
BuildingWebapplicationwithpanelsandviewconfigurations
5
Webapplication
Applications consist of4parts:
- What:the data ofthe semantic graph database (objects and their properties),parts ofthe semanticmodel
- Where:Panels- Divisionofthe visible parts ofthe surface inareas
- When:Actions- Actionsinfluence the content ofthe panels
- How:view configurations- Configured viewsonobjects or parts ofthe semantic model
![Page 6: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/6.jpg)
6
BuildingWebapplicationwithpanelsandviewconfigurations
6
![Page 7: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/7.jpg)
7
BuildingWebapplicationwithpanelsandviewconfigurations
7
Panels
Where istmy data shown?
Panelsdetemine how the visible sections ofanapplication aredivided.Sopanels determine thefundamentallayout ofthe visulisation surface.
- Panelscan influence each other
- Panelscan contain further Panelsor view configurations
- Panelsreceive always exactly one object or typewhen they areactivated
- Panelscan passtheir element (object or type)tothe contained panels- There isapossibility tooverwrite the element viascript
- Panelsdon‘t have any other use.Anything else isconfigured viaActionsand view configurations.
![Page 8: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/8.jpg)
8
BuildingWebapplicationwithpanelsandviewconfigurations
8
![Page 9: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/9.jpg)
9
BuildingWebapplicationwithpanelsandviewconfigurations
9
Actions
When istmy data shown?
Actionscontrol which viewsarevisualized and the dependences between the panels.
- Types ofactions are- Menus,buttons
- Clicks onobjects or table rows
- You can determine inwhich panel actions have impacts.
![Page 10: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/10.jpg)
10
BuildingWebapplicationwithpanelsandviewconfigurations
10
![Page 11: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/11.jpg)
11
BuildingWebapplicationwithpanelsandviewconfigurations
11
view configurations
How ismy data shown?
Viewconfigurations arecontained inpanels and determine,how objects and types arevisualized.Viewconfigurations areviewsonthe data.
- Freeofcontext view configurations- They arenotbound toaparticular type.
- For example:picture,text,JavaScript,menus,searches,facets
- Object dependend view configurations- Differentviewsonthe data can be specified.There can be as many view configurations pertypeas you want.
- They aredetermined atthe typeofthe objects.
- For example:groups,properties,tables and styles
![Page 12: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/12.jpg)
12
BuildingWebapplicationwithpanelsandviewconfigurations
12
![Page 13: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/13.jpg)
13
BuildingWebapplicationwithpanelsandviewconfigurations
13
Preconditions for building awebapplication
- Components- REST
- view configuration
- Viewconfiguration-Mapper
- Static FileResource- Zipwithindex.html
- Mediator
- Bridge:for REST-Services
![Page 14: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/14.jpg)
14
BuildingWebapplicationwithpanelsandviewconfigurations
14
Preconditions for building awebapplication
- Components- REST
- view configuration
- Viewconfiguration-Mapper
- Net-Navigator
- Static FileResource- Zipwithindex.html
- Mediator
- Bridge
![Page 15: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/15.jpg)
15
BuildingWebapplicationwithpanelsandviewconfigurations
15
Proceeding tobuild awebapplication
1. Build the semantic model
2. Divide the surface insections withpanels
3. Build the view configurations for objects and linkthem tothe panels
![Page 16: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/16.jpg)
16
BuildingWebapplicationwithpanelsandviewconfigurations
16
Proceeding tobuild awebapplication
Step 1:Gotothe application withthe identifier „viewConfigMapper“and there create amain windowpanel.
![Page 17: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/17.jpg)
17
BuildingWebapplicationwithpanelsandviewconfigurations
17
Kindofpanels and basic conditions
- Mainwindow Panel- Eachapplicationconsistsofexactlyonemainwindowpanel
- Contains„normal”panelsandonewindowtitlepanel
- Dialogpanel- Islocatedasapop-upwindowinfrontofthemainwindow
- Eachapplicationcancontainanynumberofdialogpanels
- Containswindowtitlepanelsandfootlinepanels
Example for adialog panel
![Page 18: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/18.jpg)
18
BuildingWebapplicationwithpanelsandviewconfigurations
18
Proceeding tobuild awebapplicationStep 2:Determine the typeofthe panel.
![Page 19: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/19.jpg)
19
BuildingWebapplicationwithpanelsandviewconfigurations
19
Paneltypes
Layout-Panels
Layout-panelscontainadditionalpanels.*
- Linearlayout• Allcontainedpanelsaredisplayedsimultaneously
• Determinationoftheorientation(horizontal,vertical)
- Switchinglayout• Thereisalwaysonlyonecontainingpanelshownsimultaneouslyonthesamevisualizationarea.
*Currentlyitisn’tpossibletoreuseapanel.Thiswillbepossiblewithoneofthenextupdates.
![Page 20: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/20.jpg)
20
BuildingWebapplicationwithpanelsandviewconfigurations
20
Paneltypes
Viewpanels
Viewpanelsdon’tcontainfurtherpanels.
Viewpanelscontainviewconfigurations.
- Flexibleview• Severalviewsarepossibledependentofthetypeofthedisplayedobject.
- Fixedview• Containsafixedelementofthemodel
• Pictures,texts,menus
![Page 21: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/21.jpg)
21
BuildingWebapplicationwithpanelsandviewconfigurations
21
Inthis case the mainwindow panel isalinearpanel,because allcontained panels areshown simultaneously (inthis case vertical).
![Page 22: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/22.jpg)
22
BuildingWebapplicationwithpanelsandviewconfigurations
22
Inthis case the panel isalinearpanel,too,becauseallcontained panels areshown simultaneously (inthis case horizontal).
![Page 23: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/23.jpg)
23
BuildingWebapplicationwithpanelsandviewconfigurations
23
Thispanel isapanel ofthetypeflexibleview,becauseit doesn‘t contain furtherpanels.It isnotafixedview,because several viewconfigurations can beshown here dependent onthe object that isshown(here it is„one“).
![Page 24: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/24.jpg)
24
BuildingWebapplicationwithpanelsandviewconfigurations
24
Question:What panel isthis?
![Page 25: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/25.jpg)
25
BuildingWebapplicationwithpanelsandviewconfigurations
25
Question:What panel isthis?
It isalinearlayout panelwithavertical orientationofthe two containedpanels.
![Page 26: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/26.jpg)
26
BuildingWebapplicationwithpanelsandviewconfigurations
26
Question:What panel isthis?
![Page 27: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/27.jpg)
27
BuildingWebapplicationwithpanelsandviewconfigurations
27
Question:What panel isthis?
Thisisaflexibleviewpanel.It is notafixedview,because there isnotalways shown the person„NadineProske“.
Theview configurationdetermines for the type„person“that here isalways apicture next tothe properties oftheperson and the buttons„projects“and „events“.
![Page 28: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/28.jpg)
28
BuildingWebapplicationwithpanelsandviewconfigurations
28
Proceeding tobuild awebapplication
Step 3:Addfurther panels.
![Page 29: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/29.jpg)
29
BuildingWebapplicationwithpanelsandviewconfigurations
29
Proceeding tobuild awebapplication
Step 4:Linkthe panels withthe view configurations.
For example,linkthe window titlepanel withthe view configuration ofthe typelabel.
![Page 30: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/30.jpg)
30
BuildingWebapplicationwithpanelsandviewconfigurations
30
Panels- ConfigurationActionsactivateinpanel:Allactions,whichareactivatedinthesource-panel,leadtoadisplayofthesource-panelwithitstransferredobject.(Forexample:Eachclickinthepanel“objectlist”,leadstothedisplayoftheresultinthe“detailview”panel.)
Influences:Hereyoucandetermineapanel,whichwillbeinfluencedbythecurrentpanel(Forexample:dependingonwhichobjectsaredisplayedinthepanel“searchresults”,itinfluenceswhichfacetswillbedisplayedinthepanel“facets”.)• Scriptfortargetobject:Bymeansofscripts,itispossiblenotsimplytoindicatepanels,butalsoconditions.Thisenablesthecurrentpaneltoinfluenceotherselectedpanels.
![Page 31: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/31.jpg)
31
BuildingWebapplicationwithpanelsandviewconfigurations
31
Panels- Configuration
Configuration name:Thepanel can have any name soyou can findit again quickly.
![Page 32: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/32.jpg)
32
BuildingWebapplicationwithpanelsandviewconfigurations
32
„Viewpanels“- Configuration
Startelement: Hereyoucanspecifyaconcreteobjectortype,whoservesasoutputelementandfromwhichitispossibletotakeadditionalwaysthroughthenetwork.
Scriptforstartelement:Hereyoucanfindformulateconditions,underwhichaspecificobjectortypeshallbedisplayedasastartelement.
Donotoverridestartelement: Ifthisfieldischecked,noUsercandeletethestartelement.
Sub-configuration(fixedviewonly!): Hereyoucanspecifytheviewconfiguration,whichisusedforthefixedview.
Littlereminder:Viewpanelsdon’tcontainfurtherpanels.Viewpanelscontainviewconfigurations.
![Page 33: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/33.jpg)
33
BuildingWebapplicationwithpanelsandviewconfigurations
33
„Layoutpanels“- Configuration
Activatefirst by default (only inswitching layout!):Isit true,that means that the first sub panel isactivated bydefault (inthe example here it isthe start page).
Littlereminder:Layoutpanels contain further panels.
![Page 34: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/34.jpg)
34
BuildingWebapplicationwithpanelsandviewconfigurations
34
Panels- LayoutWidth andheight (ormaximalwidthandmaximalheight)canbespecifiedinpixelsorpercentage.
Flex-grow:Theflex-growpropertydefinestheabilityforaflexitemtogrowifnecessary.Asyoucanseeintheexampleontheright,theelements1,2and4havethefactor1,whileelement3hasthefactor2,thereforeittakestwiceasmuchofspaceastheotherelements.
Flex-shrink: Theflex-shrinkpropertyspecifiestheshrinkagefactorofflexibleelements.Asyoucanseeintheexampleontheright,theelement1,2and4havethefactor2,whileelement3hasthefactorof1,thereforetheyaretwiceassmallaselement3. 3 421
![Page 35: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/35.jpg)
35
BuildingWebapplicationwithpanelsandviewconfigurations
35
Panels- ContextInthecontext-tabofthepanels,youcancheckbackanddelete,allrelationsofthecurrentpaneltootherpanelsandviewconfigurations.
Addingrelationsatthispointisn’tpossibleyetini-views5.0.Thereforetheprocedureistodeterminethedisplayoftherelationsintheview-configuration.
![Page 36: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/36.jpg)
36
BuildingWebapplicationwithpanelsandviewconfigurations
36
Viewconfigurations
How ismy data shown?
Viewconfigurations arecontained inpanels and determine,how objects and types arevisualized.viewconfigurations areviewsonthe data.
- Freeofcontext view configurations- They arenotbound toaparticular type.
- For example:picture,text,JavaScript,menus,searches,facets
- Object dependend view configurations- Differentviewsonthe data can be figured.There can as many view configurations pertype.
- They aredetermined atthe typeofthe objects.
- For example:groups,properties,tables and styles
Littlereminder
![Page 37: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/37.jpg)
37
BuildingWebapplicationwithpanelsandviewconfigurations
37
Viewconfigurations
![Page 38: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/38.jpg)
38
BuildingWebapplicationwithpanelsandviewconfigurations
38
Viewconfigurations
![Page 39: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/39.jpg)
39
BuildingWebapplicationwithpanelsandviewconfigurations
39
Viewconfigurations
Label
![Page 40: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/40.jpg)
40
BuildingWebapplicationwithpanelsandviewconfigurations
40
Panelsand view configuration
Step 4:Linkthe panels withthe view configurations.
For example,linkthe window titlepanel withthe view configuration ofthe typelabel.
Littlereminder
![Page 41: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/41.jpg)
41
BuildingWebapplicationwithpanelsandviewconfigurations
41
Viewconfigurations
Image
![Page 42: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/42.jpg)
42
BuildingWebapplicationwithpanelsandviewconfigurations
42
Viewconfigurations
Menu
![Page 43: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/43.jpg)
43
BuildingWebapplicationwithpanelsandviewconfigurations
43
Viewconfigurations
Searchfield view
![Page 44: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/44.jpg)
44
BuildingWebapplicationwithpanelsandviewconfigurations
44
Viewconfigurations
Searchresult view
![Page 45: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/45.jpg)
45
BuildingWebapplicationwithpanelsandviewconfigurations
45
Viewconfigurations
Table
![Page 46: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/46.jpg)
46
BuildingWebapplicationwithpanelsandviewconfigurations
46
Viewconfigurations
Facet view
![Page 47: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/47.jpg)
47
BuildingWebapplicationwithpanelsandviewconfigurations
47
Viewconfigurations
Search
![Page 48: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/48.jpg)
48
BuildingWebapplicationwithpanelsandviewconfigurations
48
Viewconfigurations
Search
![Page 49: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/49.jpg)
49
BuildingWebapplicationwithpanelsandviewconfigurations
49
Viewconfigurations
Text
![Page 50: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/50.jpg)
50
BuildingWebapplicationwithpanelsandviewconfigurations
50
Viewconfigurations
Graph
![Page 51: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/51.jpg)
51
BuildingWebapplicationwithpanelsandviewconfigurations
51
Viewconfigurations
Graphconfiguration
![Page 52: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/52.jpg)
52
BuildingWebapplicationwithpanelsandviewconfigurations
52
Viewconfigurations
Group:Allcontained view configurations areshown simultaneously.Depending ontheir stylethecontained view configurations arelocated one below the other or side by side.
Alternative:Thecontained view configurations areshown as alternativesand you have tochoose whichone toshow inatab menu,soonly one view configuration isshown inthe available space.
![Page 53: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/53.jpg)
53
BuildingWebapplicationwithpanelsandviewconfigurations
53
Viewconfigurations
Group
![Page 54: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/54.jpg)
54
BuildingWebapplicationwithpanelsandviewconfigurations
54
Viewconfigurations
Properties
![Page 55: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/55.jpg)
55
BuildingWebapplicationwithpanelsandviewconfigurations
55
Viewconfigurations
Property
![Page 56: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/56.jpg)
56
BuildingWebapplicationwithpanelsandviewconfigurations
56
Task:Hello Worldwithpanels
Configure asimpletext „Hello World“withthe help ofpanels and openit inyourbrowser withthe localhost server.
![Page 57: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/57.jpg)
57
BuildingWebapplicationwithpanelsandviewconfigurations
57
Task:Hello Worldwithpanels
1. Startthe mediator
2. Startthe bridge
3. Goto„Anwendung“(german for „application“,soon the english terms willbe added)and clickonthe application „viewconfigurationmapper“.Theidentifier should have the name„viewConfigMapper“.
4. Createthe main window panel for yourapplication.Choose fixed view (german:festgelegteAnsicht)as apanel type.
TheMediatorisneeded if you want toaccessthe UIand the network simultaneously.
![Page 58: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/58.jpg)
58
BuildingWebapplicationwithpanelsandviewconfigurations
58
Task:Hello Worldwithpanels5.Createasub configuration withthe viewconfiguration type„Text“
6.Refreshthe application with
7.Openthe webapplication withthe URLhttp://localhost:[port_of_the_bridge.ini]/[RESTService]/[StaticFileResource]/index.html
Inour case the URLishttp://localhost:8815/viewconfig/viewconfigmapper/index.html
![Page 59: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/59.jpg)
59
BuildingWebapplicationwithpanelsandviewconfigurations
59
Result:Hello Worldwithpanels
![Page 60: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/60.jpg)
60
BuildingWebapplicationwithpanelsandviewconfigurations
60
Content(Advanced knowledge)
1. Advanced knowledge:view configurations
2. Actions
3. Task:Buildingasimplewebapplication
4. Homework:Expanding the builded webapplication withselected functions
![Page 61: L8: Panels and view configurations](https://reader031.vdocument.in/reader031/viewer/2022030313/58d0efab1a28abba558b6bd5/html5/thumbnails/61.jpg)
61
BuildingWebapplicationwithpanelsandviewconfigurations
61
Sendyour questions to:[email protected]
Nohomeworktoday.
Nextlesson:Thursday
Thank you for visitingi-viewsUniversity