Components
entity
entity-field
5 min
entity fields display data such as text, numbers, dates, and currency from a datasource to the user these entity fields are found on a jig default and can be nested under field row docid\ egsdblubjmpjx3thyvofv and/or section docid\ fnq 9otfc31lojfzoa lb components but not under component form as it is used for display purposes only configuration options some properties are common to all components, see common component properties docid\ llntd rxe8fmh7wpc5czb for a list and their configuration options core structure label add a label for the entity field, you can add text or an expression value add a value to display in the entity field, you can add text or an expression other options contenttype various types of entity fields determine the visual display and behavior of the entity field, including default checkbox copy date email format mailto\ email\@example com link phone format 1234567890 or +001234567890 (no spaces) signature time instanceid the unique identifier for the entity field righticon a list of icons is available see jigx icons https //docs jigx com/jigx icons for more information style the following styling set is available and works in conjunction with righticon to determine the color of the icon and the enitity field line separator isnegative ispositive isprimary iswarning consideration there are two variants of entity fields available basic and compact the compact variant requires the property iscompact to be set to true this is the entity component's property, not the entity field when using the contenttype phone , ensure the phone number entered contains no spaces; this allows you to click on the field to initiate a call from your device examples and code snippets different types of entity fields basic entity fields compact entity fields compact this example demonstrates the visual display and behavior of the entity fields on this default jig examples basic see the full example using static data in github https //github com/jigx com/jigx samples/blob/main/quickstart/jigx samples/jigs/jigx components/entity field/static data/entity field examples static jigx compact see the full example using static data in github https //github com/jigx com/jigx samples/blob/main/quickstart/jigx samples/jigs/jigx components/entity field/static data/entity field sd compact jigx entity fields basic (static) children \ type component entity options children \ type component entity field options label first name value samantha contenttype default righticon person \ type component entity field options label surname value jackson contenttype default righticon person \ type component entity field options label member value true contenttype checkbox \ type component entity field options label date of birth value 1988 01 19 contenttype date righticon calendar \ type component entity field options label last login time value =$frommillis($tomillis($now()), '\[h#1] \[m01]\[p]') contenttype time righticon time clock circle \ type component entity field options label clipboard info value copy me! contenttype copy \ type component entity field options label contact number value +2776 123 4567 contenttype phone righticon phone \ type component entity field options label email address value samjax\@email com contenttype email righticon email \ type component entity field options label web address value samjax\@website me contenttype link righticon google \ type component entity field options label about value lorem ipsum dolor sit amet, putent viderer pericula per ex, cu ius sonet referrentur cu pri ubique mediocrem maluisset, eum ea assum vivendum constituto fierent accusata nec ut, ullum impetus omittam cu per perpetua consectetuer no ius nam error elitr no, ferri praesent te cum an commodo aliquando dissentiet duo primis eripuit bonorum ius ei, usu cu posse mazim elitr alterum mentitum eos cu, sit te quodsi everti neglegentur est in diam causae, erat conceptam eum an sea ullum causae temporibus ex, libris delectus pro et ismultiline true contenttype default entity fields compact (static) children \ type component entity options iscompact true children \ type component entity field options label first name value samantha contenttype default righticon person \ type component entity field options label surname value jackson contenttype default righticon person \ type component entity field options label member value true contenttype checkbox \ type component entity field options label date of birth value 1988 01 19 contenttype date righticon calendar \ type component entity field options label last login time value =$frommillis($tomillis($now()), '\[h#1] \[m01]\[p]') contenttype time righticon time clock circle \ type component entity field options label clipboard info value copy me! contenttype copy \ type component entity field options label contact number value +2776 123 4567 contenttype phone righticon phone \ type component entity field options label email address value samjax\@email com contenttype email righticon email \ type component entity field options label web address value samjax\@website me contenttype link righticon google \ type component entity field options label about value lorem ipsum dolor sit amet, putent viderer pericula per ex, cu ius sonet referrentur cu pri ubique mediocrem maluisset, eum ea assum vivendum constituto fierent accusata nec ut, ullum impetus omittam cu per perpetua consectetuer no ius nam error elitr no, ferri praesent te cum an commodo aliquando dissentiet duo primis eripuit bonorum ius ei, usu cu posse mazim elitr alterum mentitum eos cu, sit te quodsi everti neglegentur est in diam causae, erat conceptam eum an sea ullum causae temporibus ex, libris delectus pro et ismultiline true contenttype default entity fields with a connected datasource basic entity fields with datasource compact an example to show how entity fields display when linked to a datasource examples basic see the full example using static data in github https //github com/jigx com/jigx samples/blob/main/quickstart/jigx samples/jigs/jigx components/entity field/static data/entity field sd jigx compact see the full example using static data in github https //github com/jigx com/jigx samples/blob/main/quickstart/jigx samples/jigs/jigx components/entity field/static data/entity field sd compact jigx basic see the full example using dynamic data in github https //github com/jigx com/jigx samples/blob/main/quickstart/jigx samples/jigs/jigx components/entity field/dynamic data/entity field dd jigx compact see the full example using dynamic data in github https //github com/jigx com/jigx samples/blob/main/quickstart/jigx samples/jigs/jigx components/entity field/dynamic data/entity field dd compact jigx datasources see the full datasource for static data in github https //github com/jigx com/jigx samples/blob/main/quickstart/jigx samples/datasources/services/repair services static jigx see the full datasource for dynamic data in github https //github com/jigx com/jigx samples/blob/main/quickstart/jigx samples/datasources/services/cleaning services dd jigx entity fields basic (static) children \ type component entity options children \ type component entity field options label service value =@ctx datasources repair services static\[id=1] service \ type component entity field options label hourly rate value =@ctx datasources repair services static\[id=1] hourlyrate \ type component entity field options label time value =@ctx datasources repair services static\[id=1] time & ' minutes' \ type component entity field options label materials value =(@ctx datasources repair services static\[id=1] materials = 'true' ? true \ false) contenttype checkbox \ type component entity field options label description value =@ctx datasources repair services static\[id=1] description entity fields compact (static) children \ type component entity options iscompact true children \ type component entity field options label service value =@ctx datasources repair services static\[id=1] service \ type component entity field options label hourly rate value =@ctx datasources repair services static\[id=1] hourlyrate \ type component entity field options label time value =@ctx datasources repair services static\[id=1] time & ' minutes' \ type component entity field options label materials value =(@ctx datasources repair services static\[id=1] materials = 'true' ? true \ false) contenttype checkbox \ type component entity field options label description value =@ctx datasources repair services static\[id=1] description ismultiline true entity fields basic (dynamic) children \ type component entity options children \ type component entity field options label service value =@ctx datasources cleaning services dd service \ type component entity field options label area value =@ctx datasources cleaning services dd area \ type component entity field options label time value =@ctx datasources cleaning services dd time & ' minutes' \ type component entity field options label indoor value =@ctx datasources cleaning services dd indoor contenttype checkbox \ type component entity field options label description value =@ctx datasources cleaning services dd description \ type component entity field options label hourly rate value =@ctx datasources cleaning services dd hourlyrate entity fields compact (dynamic) children \ type component entity options iscompact true children \ type component entity field options label service value =@ctx datasources cleaning services dd service \ type component entity field options label area value =@ctx datasources cleaning services dd area \ type component entity field options label time value =@ctx datasources cleaning services dd time & ' minutes' \ type component entity field options label indoor value =@ctx datasources cleaning services dd indoor contenttype checkbox \ type component entity field options label description value =@ctx datasources cleaning services dd description \ type component entity field options label hourly rate value =@ctx datasources cleaning services dd hourlyrate datasources (static) datasources repair services static type datasource static options data \ id 1 description installation or repairs for doors doors to be provided by client hourlyrate 70 illustration http //clipart library com/data images/436224 png image https //images unsplash com/photo 1500281781950 6cd80847ebcd?ixlib=rb 1 2 1\&ixid=mnwxmja3fdb8mhxwag90by1wywdlfhx8fgvufdb8fhx8\&auto=format\&fit=crop\&w=1469\&q=80 materials false service door installation/repair time 60 \ id 2 description repairs to door handles hourlyrate 40 illustration http //clipart library com/img1/1332215 jpg image https //images unsplash com/photo 1538766017398 415434a31a5b?ixlib=rb 1 2 1\&ixid=mnwxmja3fdb8mhxwag90by1wywdlfhx8fgvufdb8fhx8\&auto=format\&fit=crop\&w=1470\&q=80 materials true service door handle/lock repairs time 60 \ id 3 description installation or repairs of tiled surfaces tiles have to be provided by client hourlyrate 110 illustration http //clipart library com/images/kcknbzbxi jpg image https //images unsplash com/photo 1523413184730 e85dbbd04aba?ixlib=rb 1 2 1\&ixid=mnwxmja3fdb8mhxwag90by1wywdlfhx8fgvufdb8fhx8\&auto=format\&fit=crop\&w=687\&q=80 materials false service tile installation/repair time 120 \ id 4 description installation or repairs of dry wall surfaces hourlyrate 80 illustration http //clipart library com/img1/505759 jpg image https //images unsplash com/photo 1628901551715 7234d14fb7a0?ixlib=rb 1 2 1\&ixid=mnwxmja3fdb8mhxwag90by1wywdlfhx8fgvufdb8fhx8\&auto=format\&fit=crop\&w=1470\&q=80 materials true service drywall installation/repair time 120 \ id 5 description repairs to bathroom rails, toilets, etc hourlyrate 90 illustration http //clipart library com/new gallery/53 530190 black and white toilet png png image https //images unsplash com/photo 1585313647787 7a061b5a85a6?ixlib=rb 1 2 1\&ixid=mnwxmja3fdb8mhxwag90by1wywdlfhx8fgvufdb8fhx8\&auto=format\&fit=crop\&w=1423\&q=80 materials true service bathroom repairs time 60 \ id 6 description painting as required paint and tools not provided hourlyrate 70 illustration http //clipart library com/img/853166 jpg image https //images unsplash com/photo 1562259949 e8e7689d7828?ixlib=rb 1 2 1\&ixid=mnwxmja3fdb8mhxwag90by1wywdlfhx8fgvufdb8fhx8\&auto=format\&fit=crop\&w=1431\&q=80 materials false service painting services time 120 \ id 7 description repairs to fences tools and items not included hourlyrate 90 illustration http //clipart library com/img/18345 gif image https //images unsplash com/photo 1583805978118 ba9a81ac1399?ixlib=rb 1 2 1\&ixid=mnwxmja3fdb8mhxwag90by1wywdlfhx8fgvufdb8fhx8\&auto=format\&fit=crop\&w=1470\&q=80 materials false service fence installation/repair time 60 \ id 8 description removal of graffiti and painting paint and brushes not included in cost hourlyrate 110 illustration http //clipart library com/images/6cy5al5gi jpg image https //images unsplash com/photo 1581850518616 bcb8077a2336?ixlib=rb 1 2 1\&ixid=mnwxmja3fdb8mhxwag90by1wywdlfhx8fgvufdb8fhx8\&auto=format\&fit=crop\&w=1470\&q=80 materials false service removal of graffiti time 120 \ id 9 description repairs to cupboard doors hourlyrate 60 illustration http //clipart library com/img1/1605140 jpg image https //images unsplash com/photo 1522791465802 47616431a4cf?ixlib=rb 1 2 1\&ixid=mnwxmja3fdb8mhxwag90by1wywdlfhx8fgvufdb8fhx8\&auto=format\&fit=crop\&w=1451\&q=80 materials true service cupboard door repairs time 60 \ id 10 description plumbing issues and repairs hourlyra datasources (dynamic) datasources cleaning services dd type datasource sqlite options provider data provider dynamic entities \ entity default/cleaning services query | select id, '$ area', '$ description', '$ hourlyrate', '$ illustration', '$ image', '$ indoor', '$ onceoffrate', '$ service', '$ time' from \[default/cleaning services] where '$ service' = "mattress cleaning" entity fields with right icons in color in this example, the righticons color is determined by adding a style property to each entity field examples see the full example using static values in github https //github com/jigx com/jigx samples/blob/main/quickstart/jigx samples/jigs/jigx components/entity field/static data/entity field icons color jigx title entity field with right icons in color type jig default children \ type component entity options children \ type component entity field options righticon pin location \# change the color of the icon by adding a style property style isprimary true label street value 15 jason ave \ type component entity field options label city righticon house 2 alternate style ispositive true value london \ type component entity field options label zip code righticon alert circle style iswarning true value 987 65 \ type component entity field options label country righticon maps pin style isprimary true value united kingdom \ type component entity field options label contact number righticon alert triangle style isnegative true value "12"