{"id":9889,"date":"2018-01-27T10:11:36","date_gmt":"2018-01-27T10:11:36","guid":{"rendered":"https:\/\/kb.sambapos.com\/?p=9889"},"modified":"2018-04-10T08:58:01","modified_gmt":"2018-04-10T08:58:01","slug":"2-3-2-d-how-to-add-layout-entity-screens","status":"publish","type":"post","link":"https:\/\/kb.sambapos.com\/en\/2-3-2-d-how-to-add-layout-entity-screens\/","title":{"rendered":"2.3.2.d. How to Add Layout Entity Screens?"},"content":{"rendered":"

Subject: <\/strong>Designing and customization of windows after entity screen’s view mode configured as “Layout”.<\/strong><\/p>\n

Subject Titles<\/p>\n

Layout Design and Widget General Description
1- Ticket Lister
\n2- Ticket Explorer
\n3- Task Editor
\n4- Label Widget
\n5- Custom Keyboard
\n6- Html Viewer
\n7- Editor Widget
\n8- Entity Search
\n9- Entity Grid
\n10- Entity Button
\n11- Custom Report Viewer
\n12- Automation Command Button<\/p>\n

1- Entity Screen Management Setting and Descriptions<\/strong><\/span>
\nManagement > Entities > Entity Screens<\/p>\n

General Settings: <\/span><\/strong><\/span>The field that visual settings on user interface of entity screen is configured.<\/p>\n

Name:<\/strong>\u00a0Write the name of entity screen.
\nButton Header: <\/strong>Entity screen name could be displayed with a different header.<\/strong>
\nTicket Type: <\/strong>Select the ticket type which will be used by created entity screen.<\/p>\n

Appearance Section:<\/span><\/strong> On the Entity screens for the features that will be used on automatic settings there is no need to make any change.<\/p>\n

Entity List: <\/span><\/strong>\u00a0Add from here if there is a specific entity type and entity list which will be used on screen.<\/p>\n

Entity Type: <\/strong>View Mode
\nState Filter:
\nSelect Entity: <\/strong>\u00a0<\/strong>Select the entities which will be used on entity screen.<\/p>\n

Detail:<\/span><\/strong>
\nMappings:<\/span>\u00a0<\/strong>Configure the authorization and customization about entity screen from here.<\/p>\n

\"\"<\/p>\n

\"\"\u00a0\"\"<\/p>\n

2- Entity Screens Layout Settings, Features and Design<\/strong><\/span><\/p>\n

To activate design mode, right click of mouse and in the menu select design mode.<\/p>\n

\"\"<\/p>\n

In the design mode under the Add Widget<\/strong> option there are 12 pieces of widget titles. Each of these titles consist of different functions and features.<\/p>\n

\"\"<\/p>\n

1- Ticket Lister<\/strong><\/span><\/h2>\n

It is used for ticket listing by customizing their view. In order to customize ticket lists information, status and design settings are used.<\/p>\n

Design Mode Activation:<\/strong><\/p>\n

\"\"<\/p>\n

Ticket Lister Widget Settings Screen:<\/strong><\/p>\n

\"\"<\/p>\n

Sample Ticket Lister Widget Screen<\/strong><\/p>\n

\"\"<\/p>\n

1.1. Ticket Lister Widget Settings Titles:<\/strong><\/span><\/p>\n

\"\"\u00a0\"\"
Ticket Lister Settings:<\/strong><\/span>
\n State<\/strong><\/span>
\n Order State<\/strong><\/span>
\n Format<\/strong>\u00a0<\/span>
\n Width<\/strong><\/span>
\n Min Width<\/strong><\/span>
\n Max Width<\/strong><\/span>
\n Min Height<\/strong><\/span>
\n Column Count<\/strong><\/span>
\n Font Name<\/strong><\/span>
\n Font Size<\/strong><\/span>
\n Backround<\/strong><\/span>
\n Foreground<\/strong><\/span>
\n Selected Backround<\/strong><\/span>
\n Selected Foreground<\/strong><\/span>
\n Border<\/strong><\/span>
\n Item Border Thickness<\/strong><\/span>
\n Hide Border Visual<\/strong><\/span>
\n Multi Selection<\/strong><\/span>
\n Show Workperiod Tickets<\/strong><\/span>
\n Expression<\/strong><\/span>
\n Filter<\/strong><\/span>
\n Order Filter<\/strong><\/span>
\nCommand Name<\/b><\/span>
\n Command Value<\/strong><\/span>
\n Loop Commands<\/strong><\/span>
\n Command Buttons<\/strong><\/span>
\n Command Area Height<\/strong><\/span>
\n Command Area Rows<\/strong><\/span>
\n Order By<\/strong><\/span>
\n Sort Descending<\/strong><\/span>
\n Merge Lines<\/strong><\/span><\/p>\n

1.2. Ticket Lister Properties:\u00a0<\/strong><\/span><\/p>\n

\"\"
Property Editor
\n Name:<\/span>
\n X:<\/span>
\n Y:<\/span>
\nHeight
\nWidth
\n Zindex<\/span>
\n Angle:<\/span>
\n Scale:<\/span>
\nCorner Radius<\/span>
\nAuto Refresh
\nAuto Refresh Interval
\n Margin<\/span>
\nSort Order<\/p>\n

2- Ticket Explorer<\/strong><\/span><\/p>\n

Ticket Explorer screen makes possible to search and list the tickets according to criterias below.<\/p>\n

All Tickets
\nOpen Tickets
\nDocument Number
\nTicket Number
\nTicket Note
\nCustomer
\nTable<\/p>\n

Ticket Explorer Widget can do only screen positioning.<\/p>\n

Sample Ticket Explorer Widget Screen:<\/strong><\/p>\n

\"\"<\/p>\n

3- Task Editor<\/strong><\/span><\/p>\n

3.1. Task Editor Settings<\/span>
\n<\/strong>Manage > Settings > Task Types > Add New Task Type<\/p>\n

Create a new task type from management section.<\/p>\n

\"\"<\/p>\n

On the entity screens create a new Task Editor Widget\u00a0and select a task type. Configure the settings according to need.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Task Editor Settings Titles:<\/strong>
\nTask Type name value:
\nCaption:
\nAllow adding tasks:
\nDont create task history:
\nSort order:
\nTask Create Commands:
\nTask Complete commands:
\nTask commands:
\nColumn count:
\nCompleted task visibility minutes:
\nCommand button area height:
\nCommand button row count:
\nMax display position:
\nReccal size:
\nCustom data filter:
\nContent template:
\nCompleted task format:
\nCustom data group by:
\nDefault group format:
\nGroup footer Format:
\nGroup active items:
\nDisplay items:
\nDisplay active items
\nDisplay completed items:
\nDuration format:
\nDefault format:
\nDefault task color:
\nCompleted task color:
\nSelected task color:
\nBorder Color:<\/p>\n

3.2. Task Editor Properties<\/strong><\/span><\/p>\n

It is used for positioning the Task Editor Widget Window on the screen.<\/p>\n

\"\"<\/span><\/p>\n

3.3. Sample Practices:\u00a0<\/strong><\/span><\/p>\n

\"\"<\/p>\n

4- Label Widget<\/strong><\/span><\/p>\n

Label widget is used for creating titles of widget windows which were created on Entity Screens.<\/p>\n


4.1. Label Widget Settings<\/strong><\/span>
\nText<\/strong>
\nBorder Thickness<\/strong>
\nBackround Color<\/strong>
\nBorder Color<\/strong>
\nForeground Color<\/strong>
\nFont Name<\/strong>
\nFont Size<\/strong>
\nFont Weight<\/strong>
\nAlignment<\/strong>
\nVertical Alignment<\/strong><\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Sample Images:<\/strong><\/p>\n

\"\"<\/p>\n

5- Custom Keyboard<\/strong><\/span><\/p>\n

Custom Keyboard; It is possible to create a custom keyboard to search or enter information.<\/p>\n

5.1.\u00a0 Custom Keyboard Settings<\/strong><\/span><\/p>\n

\"\"<\/p>\n

When Custom Keyboard was added first, default values come as digit from 1 to 9. From Custom Keyboard settings these values can be changed according to purpose.<\/p>\n

Custom Keys: Write Custom Keyboard Values in here. Values are written as “Value” Columns are determined with | symbol. Below there are some sample Custom Keys.
\n“1”,”2″,”3″|”4″,”5″,”6″|”7″,”8″,”9″<\/p>\n

49,50,51,52,53,54,55,56,57,48,190,8<\/p>\n

ABCDEF|GHIJKL|MNOPQR|8,190,13<\/p>\n

ABCDEFGHIJKLMNOPQR|8,190,13<\/p>\n

\"\"<\/p>\n

Common and useful codes for SambaPOS Custom Keyboard;<\/p>\n

SYM DEC Desc<\/code><\/p>\n

, 44 Comma (or use 188)<\/code>
\n. 46 Period, dot or full stop (or use 190)<\/code><\/p>\n

0 48 Zero<\/code>
\n1 49 One<\/code>
\n2 50 Two<\/code>
\n3 51 Three<\/code>
\n4 52 Four<\/code>
\n5 53 Five<\/code>
\n6 54 Six<\/code>
\n7 55 Seven<\/code>
\n8 56 Eight<\/code>
\n9 57 Nine<\/code><\/p>\n

: 58 Colon<\/code>
\n; 59 Semicolon<\/code><\/p>\n

* 42 Asterisk<\/code>
\n\/ 47 Slash or divide (or use 191)<\/code>
\n+ 43 Plus<\/code>
\n- 45 Hyphen<\/code><\/p>\n

# 35 Number<\/code>
\n$ 36 Dollar<\/code>
\n% 37 Percent<\/code>
\n@ 64 At symbol<\/code><\/p>\n

ESC 27 Escape<\/code>
\n 127 Delete<\/code>
\nBS 8 Back Space<\/code>
\nHT 9 Horizontal Tab<\/code>
\nLF 10 Line Feed<\/code>
\nVT 11 Vertical Tab<\/code>
\nFF 12 Form Feed<\/code>
\nCR 13 Carriage Return<\/code><\/p>\n

32 Space<\/code><\/p>\n

A 65 Uppercase A<\/code>
\nB 66 Uppercase B<\/code>
\nC 67 Uppercase C<\/code>
\nD 68 Uppercase D<\/code>
\nE 69 Uppercase E<\/code>
\nF 70 Uppercase F<\/code>
\nG 71 Uppercase G<\/code>
\nH 72 Uppercase H<\/code>
\nI 73 Uppercase I<\/code>
\nJ 74 Uppercase J<\/code>
\nK 75 Uppercase K<\/code>
\nL 76 Uppercase L<\/code>
\nM 77 Uppercase M<\/code>
\nN 78 Uppercase N<\/code>
\nO 79 Uppercase O<\/code>
\nP 80 Uppercase P<\/code>
\nQ 81 Uppercase Q<\/code>
\nR 82 Uppercase R<\/code>
\nS 83 Uppercase S<\/code>
\nT 84 Uppercase T<\/code>
\nU 85 Uppercase U<\/code>
\nV 86 Uppercase V<\/code>
\nW 87 Uppercase W<\/code>
\nX 88 Uppercase X<\/code>
\nY 89 Uppercase Y<\/code>
\nZ 90 Uppercase Z<\/code><\/p>\n

a 97 Lowercase a<\/code>
\nb 98 Lowercase b<\/code>
\nc 99 Lowercase c<\/code>
\nd 100 Lowercase d<\/code>
\ne 101 Lowercase e<\/code>
\nf 102 Lowercase f<\/code>
\ng 103 Lowercase g<\/code>
\nh 104 Lowercase h<\/code>
\ni 105 Lowercase i<\/code>
\nj 106 Lowercase j<\/code>
\nk 107 Lowercase k<\/code>
\nl 108 Lowercase l<\/code>
\nm 109 Lowercase m<\/code>
\nn 110 Lowercase n<\/code>
\no 111 Lowercase o<\/code>
\np 112 Lowercase p<\/code>
\nq 113 Lowercase q<\/code>
\nr 114 Lowercase r<\/code>
\ns 115 Lowercase s<\/code>
\nt 116 Lowercase t<\/code>
\nu 117 Lowercase u<\/code>
\nv 118 Lowercase v<\/code>
\nw 119 Lowercase w<\/code>
\nx 120 Lowercase x<\/code>
\ny 121 Lowercase y<\/code>
\nz 122 Lowercase z<\/code><\/p>\n

5.2. Custom Keyboard Properties<\/strong><\/span><\/p>\n

According to Entity Screen status, it can be positioned by drag and drop.<\/p>\n

6- Html Viewer<\/strong><\/span><\/p>\n

Html Wiever Widget:\u00a0<\/strong>It allows to use Internet Explorer Browser on the Entity Screen. It makes possible to use websites without leaving the SambaPOS Entity Screen.<\/p>\n

6.1.\u00a0 Html Viewer Settings:\u00a0<\/strong><\/span><\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

\u00a0Html Viewer Widget Sample View<\/strong><\/p>\n

\"\"
\n7- Editor Widget\u00a0<\/strong><\/span><\/p>\n

7.1\u00a0 Editor Widget Settings
\n7.2 Sample Practice<\/p>\n

8- Entity Search<\/strong><\/span><\/p>\n

8.1. Entity Search Settings<\/strong><\/span><\/p>\n

Entity Search Widget<\/strong>
Entity Search Name Value<\/strong>
\nState Filter Name Value<\/strong>
\nIs Keyboard Visible<\/strong>
\nCan Edit Entity<\/strong>
\nCan Create Entity<\/strong>
\nCan Creat Account<\/strong>
\nSearch Label<\/strong>
\nCommand Buttons<\/strong>
\nCommand Area Height<\/strong>
\nCommand Area Rows<\/strong>
\nAutomation Command<\/b>
\nCommand Value<\/strong><\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Entity Search Widget:<\/strong>\u00a0Sample Screen View<\/p>\n

\"\"<\/p>\n

9- Entity Grid<\/strong><\/span><\/p>\n

Entity Grid Widget Window; It creates window on the Entity Screen to view entity types.<\/p>\n

9.1. Entity Grid\u00a0Settings<\/strong><\/span><\/p>\n


Widget Settings Titles<\/p>\n

Rows<\/strong>
\nColumns<\/strong>
\nPage Count<\/strong>
\nFont Size<\/strong>
\nDisallow Change Entity<\/strong>
\nValidation Expression<\/strong>
\nEntity Type<\/strong>
\nDisplay State<\/strong>
\nState Filter:<\/strong>
\nAutomation Command:<\/strong>
\nCommand Value<\/strong><\/p>\n

\"\"<\/p>\n

Entity Grid Widget Window can be placed to a convinient area by positioning tool.<\/p>\n

\"\"<\/p>\n

Entity Grid Widget\u00a0Window Sample View<\/p>\n

\"\"<\/p>\n

10- Entity Button<\/strong><\/span><\/p>\n

10.1. Entity Button Widget Settings<\/strong><\/span><\/p>\n

Manage > Entity List > Select Entity from here select the entities to use on the entity screen.<\/p>\n

\"\"<\/a><\/p>\n

Add the entity buttons that need to be seen on the screen\u00a0one by one.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Select the each added entity button from settings and write their titles.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

10.1. Entity Button Widget Properties\u00a0<\/strong><\/span><\/p>\n

Configure size and screen locations from Entity Button Properties.<\/span><\/p>\n

\"\"<\/p>\n

 <\/p>\n

Entity Button Widget Sample View<\/p>\n

\"\"<\/p>\n

 <\/p>\n

11- Custom Report Viewer<\/strong><\/span><\/p>\n

11.1. Custom Report Viewer Settings<\/strong><\/span><\/p>\n

Add Custom Report Viewer Widget on the screen..<\/p>\n

\"\" \"\"\"\"<\/p>\n

Custom Report Viewer Widget Sample View<\/strong><\/p>\n

\"\"<\/p>\n

 <\/p>\n

12- Automation Command Button<\/strong><\/span><\/p>\n

12.1. Automation Command Button Widget Settings<\/strong><\/span><\/p>\n

Add Automation Command Button\u00a0Widget on the screen.<\/p>\n

\"\"<\/p>\n

 <\/p>\n


Command Name Value
\nValue
\nCaption
\nButton Color
\nHighlight Color
\nFont Size
\nImage Path
\nValidation
\nKeyboard Map<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Automation Command Button\u00a0Widget\u00a0Sample Practice<\/strong><\/p>\n

\"\"<\/p>\n

\u00a0Automation Command Button\u00a0Widget Window Sample Screen View<\/strong><\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

Subject: Designing and customization of windows after entity screen’s view mode configured as “Layout”. Subject Titles Layout Design and Widget General Description1- Ticket Lister 2- Ticket Explorer 3- Task Editor 4- Label Widget 5- Custom Keyboard 6- Html Viewer 7- Editor Widget 8- Entity Search 9- Entity Grid 10- Entity Button 11- Custom Report Viewer […]<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,15],"tags":[],"class_list":["post-9889","post","type-post","status-publish","format-standard","hentry","category-installation","category-2-3-sambapos-detailed-setup"],"_links":{"self":[{"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/posts\/9889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/comments?post=9889"}],"version-history":[{"count":19,"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/posts\/9889\/revisions"}],"predecessor-version":[{"id":13658,"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/posts\/9889\/revisions\/13658"}],"wp:attachment":[{"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/media?parent=9889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/categories?post=9889"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/tags?post=9889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}