i am looking to create a field to let member add contact information as following :

• Name (text) 
• Title (text) 
• Company (text)
• Email (mail)
• Phone 

I tried to build some thing based on existing schema but wasnt able 😕 

thanks !

Copy the json schema to the formbuilder field settings and click to update the form.

{
    "title": "Contacts",
    "type": "table",
    "items": {
        "type": "object",
        "title": "Person",
        "format": "grid",
        "properties": {
            "full_name": {
                "title": "Full Name",
                "type": "string"
            },
            "job_title": {
                "title": "Job Title",
                "type": "string"
            },
            "phone_number": {
                "title": "Phone Number",
                "type": "string"
            },
            "email_address": {
                "title": "E-mail Address",
                "type": "string"
            }
        }
    }
}

In the field's PHP Based Formatting, in the input with the Theme Filename placeholder, enter contacts.

Create a fields_phpformat\contacts.thtml in your custom theme and clear the file registry.

<?php
$data = json_decode($text, true);

if (empty($data))
{
   return;
}
?>

<ul class="fwd-list-none fwd-w-full fwd-grid sm:fwd-grid-auto-rows fwd-gap-4 sm:fwd-grid-cols-fill-lg fwd-bg-gray-50 fwd-py-6 fwd-px-4 fwd-rounded">
   
<?php foreach ($data AS $row):?>

<li class="fwd-col-span-1 fwd-bg-white fwd-rounded-lg fwd-shadow">
    <div class="fwd-w-full fwd-flex fwd-items-center fwd-justify-between fwd-px-6 fwd-pt-6 fwd-pb-2 fwd-space-x-6">
      <div class="fwd-flex-1 fwd-truncate">
        <div class="fwd-flex fwd-items-center fwd-space-x-3">
          <span class="fwd-text-gray-900 fwd-text-sm fwd-leading-5 fwd-font-medium fwd-truncate"><?php echo $row['full_name'];?></span>
        </div>
        <p class="fwd-mt-1 fwd-text-gray-500 fwd-text-sm fwd-leading-5 fwd-truncate"><?php echo $row['job_title'];?></p>
      </div>
    </div>
    <?php if (!empty($row['email_address']) || !empty($row['phone_number'])): ?>

    <div class="fwd-border-gray-200" style="border-top-width: 1px; border-top-style: solid;">
      <div class="fwd--mt-1 fwd-flex">
        <div class="fwd-w-0 fwd-flex-1 fwd-flex fwd-border-gray-200" style="border-right-width: 1px; border-right-style: solid;">
          
          <?php if ( !empty($row['email_address'])): ?>

            <a href="mailto:<?php echo $row['email_address']; ?>" class="fwd-relative fwd--mr-1 fwd-w-0 fwd-flex-1 fwd-inline-flex fwd-items-center fwd-justify-center fwd-py-4 fwd-text-sm fwd-leading-5 fwd-text-gray-700 fwd-font-medium fwd-rounded-bl-lg">
              <svg class="fwd-flex-none fwd-w-5 fwd-h-5 fwd-text-gray-400" viewBox="0 0 20 20" fill="currentColor">
                <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"></path>
                <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path>
              </svg>
              <span class="fwd-ml-3">E-mail</span>
            </a>

          <?php endif; ?>

        </div>
        <div class="fwd--ml-1 fwd-w-0 fwd-flex-1 fwd-flex">

          <?php if ( !empty($row['phone_number'])): ?>

            <a href="tel:<?php echo str_replace(['-','(',')',' '],'',$row['phone_number']); ?>" class="fwd-relative fwd-w-0 fwd-flex-1 fwd-inline-flex fwd-items-center fwd-justify-center fwd-py-4 fwd-text-sm fwd-leading-5 fwd-text-gray-700">
              <svg class="fwd-w-5 fwd-h-5 fwd-text-gray-400" viewBox="0 0 20 20" fill="currentColor">
                <path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"></path>
              </svg>
              <span class="fwd-ml-3"><?php echo $row['phone_number']; ?></span>
            </a>
          
          <?php endif; ?>

        </div>
      </div>
    </div>

    <?php endif; ?>
  </li>   

<?php endforeach;?>
</ul>

The result looks like this:

we want to change the Business Hours Format from international to german format.
We use a field and set it up with form builder. This works fine and u can see the result at:
https://www.piratino.de/freizeit/kartbahnen/kartarena

But now we want to change it to german days and 24 hour format. unfortunately we don't understand the instructions because it's a bit too complicated for us.

Could u please help us what we have to do?

Now we have the problem that we can't make it look like that in the frontend too. We just found out, that we could copy the business_hours.thtml and rename it to training_hours.thtml and put the new template name in the output from the field.

but we dont know how to include the new field "Mannschaft" in the Layout.

Wondering if someone can help me with this question- How can I use a field template file when manually including formbuilder fields into a listing?

I suspect the field template file is not being used because I am manually including the formbuilder field. Does this sound correct?

If so, is there a recommended approach to including template files for manually included formbuilder fields?

****MORE INFO****

I am manually including formbuilder fields in a listing via templates/jreviews_overrides/views/themes/profiles/listings/detail_profile.thtml

Here is some example code
       

<?php echo '<h3 class="customFieldGroupTitle">'.JText::_( 'RESUME' ).'</h3>';?>
<?php echo '<div class="customFieldRow">';?>
    <?php echo '<div class="customFieldLabel">'.JText::_( 'Work Experience' ).'</div><div class="customFieldValue">'.$listing['Field']['pairs']['jr_workexperience']['value'][0].'</div>';?>
<?php echo '</div>';?>

        
In the administrative area of JReviews, in the Fields Manager, I've opened the field jr_workexperience and set the PHP Output Format value to work_experience

I've created the following file - templates/jreviews_overrides/views/themes/profiles/fields_phpformat/work_experience.thtml

As you can see, I am using a theme called profiles for this particular listing.

I included the same file in several other locations for testing, but none executed (I tested with xdebug)-

components/com_jreviews/jreviews/views/themes/default/fields_phpformat/work_experience.thtml

and

templates/jreviews_overrides/views/themes/protostar/fields_phpformat/work_experience.thtml

Any suggestions would be much appreciated!

I've made a few changes to the Work Experience Schema. Maybe some one will find it useful.

{
    "title": "Resume",
    "type": "array",
    "items": {
        "title": "WORK EXPERIENCE",
        "properties": {
            "details": {
                "title": "Details",
                "type": "object",
                "format": "table",
                "properties": {
                    "position": {
                        "title": "Position",
                        "type": "string",
                        "options": {
                            "input_width": "100%",
                            "grid_columns": 11
                        }
                    },
                    "monthstart": {
                        "title": "Start Month",
                        "$ref": "#\/definitions\/months",
                        "type": "string",
                        "default": "JAN"
                    },
                    "yearstart": {
                        "title": "Start Year",
                        "type": "string",
                        "default": "2009",
                        "pattern": "^[0-9]{4}|PRESENT|NOW|present|Present|Now|now$",
                        "options": {
                          "input_width": "130px"
                        }
                    },
                    "monthend": {
                        "title": "End Month",
                        "$ref": "#\/definitions\/months",
                        "type": "string",
                        "default": ""
                    },
                    "yearend": {
                        "title": "End Year",
                        "type": "string",
                        "default": "Present",
                        "pattern": "^[0-9]{4}|PRESENT|NOW|present|Present|Now|now$",
                        "options": {
                          "input_width": "130px"
                        }
                    },
                    "companyname": {
                        "title": "Company",
                        "type": "string",
                        "options": {
                            "input_width": "100%",
                            "grid_columns": 11
                        }
                    },
                    "location": {
                        "title": "Location",
                        "type": "string",
                        "options": {
                            "input_width": "100%",
                            "grid_columns": 11
                        }
                    },
                    "information": {
                        "title": "Position Description",
                        "type": "string",
                        "format": "textarea",
                        "options": {
                            "input_width": "100%",
                            "grid_columns": 11
                        }
                    }
                }
            },
            "Duties": {
                "title": "Tasks/Responsibilities",
                "type": "array",
                "format": "table",
                "items": {
                    "title": "Task",
                    "type": "object",
                    "format": "grid",
                    "properties": {
                        "task": {
                            "title": "Task",
                            "type": "string"
                        }
                    }
                }
            }
        }
    },
    "definitions": {
        "months": {
            "type": "string",
            "enumSource": [{
                    "source": [{
                            "value": "JAN",
                            "title": "January"
                        }, {
                            "value": "FEB",
                            "title": "February"
                        }, {
                            "value": "MAR",
                            "title": "March"
                        }, {
                            "value": "APR",
                            "title": "April"
                        }, {
                            "value": "MAY",
                            "title": "May"
                        }, {
                            "value": "JUN",
                            "title": "June"
                        }, {
                            "value": "JUL",
                            "title": "July"
                        }, {
                            "value": "AUG",
                            "title": "August"
                        }, {
                            "value": "SEP",
                            "title": "September"
                        }, {
                            "value": "OCT",
                            "title": "October"
                        }, {
                            "value": "NOV",
                            "title": "November"
                        }, {
                            "value": "DEC",
                            "title": "December"
                        }, {
                            "value": "",
                            "title": ""
                        }
                    ],
                    "title": "{{item.title}}",
                    "value": "{{item.value}}"
                }
            ]
        }
    }
}

I styled the form using the following CSS.
 

/* JSON FORMBUILDER CSS */
.jrFieldDiv select[name*="[details][monthstart]"], .jrFieldDiv  select[name*="[details][yearstart]"], .jrFieldDiv select[name*="[details][monthend]"], .jrFieldDiv select[name*="[details][yearend]"]{width:130px!important;}
.jrFieldDiv .jrLabel{width:100%;display:block}

.jrFormBuilderPanel div div{display:flex;flex-direction:row; flex-wrap: wrap;}
.jrGrid:first-of-type{flex-basis: 100%;}
.jrGrid:nth-of-type(2){flex-basis:50%}
.jrGrid:nth-of-type(3){flex-basis:50%}
.jrGrid:nth-of-type(4){flex-basis:50%}
.jrGrid:nth-of-type(5){flex-basis:50px}

/* TODO- add mobile queries for the below width */

td.compact div.jrFieldDiv input[name*="[Duties]"] {min-width:500px;}

Regex used for validation could probably be improved, but it works.

Acceptable inputs for the year dates are 4 digits (such as 2021) or the words:- Present, PRESENT, present, NOW, now, Now.

TODO: Mobile queries for the Task input need to be created or alternative CSS used.

Is it possible to style selects within the JSON code like

"options": {
          "input_width": "15em"
        }

or do I have to use CSS to do it? or some other method?

I've found that it seems to work for some fields and not others.

This is the code that I have been playing with

{
	"title": "Resume",
	"type": "array",
	"items": {
		"title": "WORK EXPERIENCE",
		"properties": {
			"details": {
				"title": "Details",
				"type": "object",
				"format": "table",
				"properties": {
					"position": {
						"title": "Position",
						"type": "string",
						"options": {
							"input_width": "100%",
							"grid_columns": 11
						}
					},
					"monthstart": {
						"title": "Start Month",
						"$ref": "#\/definitions\/months",
						"type": "string",
						"options": {
							"input_width": "10em"
						}
					},
					"yearstart": {
						"title": "Start Year",
						"$ref": "#\/definitions\/years",
						"type": "string"
					},
					"monthend": {
						"title": "End Month",
						"$ref": "#\/definitions\/months",
						"type": "string"
					},
					"yearend": {
						"title": "End Year",
						"$ref": "#\/definitions\/years",
						"type": "string"
					},
					"companyname": {
						"title": "Company",
						"type": "string",
						"options": {
							"input_width": "100%",
							"grid_columns": 11
						}
					},
					"location": {
						"title": "Location",
						"type": "string",
						"options": {
							"input_width": "100%",
							"grid_columns": 11
						}
					},
					"information": {
						"title": "Information",
						"type": "string",
						"format": "textarea",
						"options": {
							"input_width": "100%",
							"grid_columns": 11
						}
					}
				}
			},
			"Duties": {
				"title": "Tasks/Responsibilities",
				"type": "array",
				"format": "table",
				"items": {
					"title": "Task",
					"type": "object",
					"format": "grid",
					"properties": {
						"task": {
							"title": "Task",
							"type": "string"
						}
					}
				}
			}
		}
	},
	"definitions": {
		"months": {
			"type": "string",
			"enumSource": [{
					"source": [{
							"value": "JAN",
							"title": "January"
						}, {
							"value": "FEB",
							"title": "February"
						}, {
							"value": "MAR",
							"title": "March"
						}, {
							"value": "APR",
							"title": "April"
						}, {
							"value": "MAY",
							"title": "May"
						}, {
							"value": "JUN",
							"title": "June"
						}, {
							"value": "JUL",
							"title": "July"
						}, {
							"value": "AUG",
							"title": "August"
						}, {
							"value": "SEP",
							"title": "September"
						}, {
							"value": "OCT",
							"title": "October"
						}, {
							"value": "NOV",
							"title": "November"
						}, {
							"value": "DEC",
							"title": "December"
						}
					],
					"title": "{{item.title}}",
					"value": "{{item.value}}"
				}
			]
		},
		"years": {
			"type": "string",
			"enumSource": [{
					"source": [{
							"value": "PRESENT",
							"title": "PRESENT"
						}, {
							"value": "1902",
							"title": "1902"
						}

					],
					"title": "{{item.title}}",
					"value": "{{item.value}}"
				}
			]
		}
	}
}

Any pointers would be much appreciated. Thanks.

1. Some listings might open lunchtimes and evenings on particular days, I assume this can be handled relatively easily?
2. Is there a way to add a search filter so you can return just listings that are open now? By this I mean that are open at the time the website visitor performs the search. Along the same lines, I am also considering returning the open listings first.
 

How to keep the line break in the Description / Textarea part of a form created with formbuilder

Thanks you by advance

Regards

Frank

How can I realize that a store has opened 24 hours?

Thank you
Bodo

Is it possible for e.g. in the Restaurant Menu schema, to have HTML Editor features for the Description field?

Warning: file_get_contents(/path/users/path/apps/path/public/contacts_grid_list.json): failed to open stream: No such file or directory in /path/users/path/apps/path/public/components/com_jreviews/jreviews/admin_controllers/fields_controller.php on line 207

Which is the loading of the files.

I take it using json file overrides for creating new forms cannot be accomplished being there are no original files with the same name and all json code must be added to the json editor?

However the file does show in the custom field Load Schema dropdown, it loads and works loading the form correctly on the submit page plus the output to the template.

Thanks

Daniel

I am really trying to get the Formbuilder field into my directory, however the documentation is hard to follow, especially with the output section. Here is what I am looking for: A simple field that outputs a name and a URL. I actually used the inventory builder as an example, modified it and got it working in the editor. I can add the data as needed, and that's a great start.

However, getting the information to display on the page has been frustrating, to say the least. First off, I don't use theme overrides, as I find the stock look of jreviews is sufficient to the site. Perhaps this is where I am getting hung up, because I don't even understand what files need to go in what folders throughout the site (some in the theme file, some in the com_jreviews, etc.). 

In the end, all I want to do is output the data in a simple row. I tried to use $text = json_decode($text, true); in the PHP based formatting, but nothing shows. Is there an easier way to do this vs. creating some custom theme file, trying to associate it with that field (I still can't grasp how I would tell jreviews to look for this one theme for one field)? I just something simple, and can't seem to figure out how to output it. There isn't an output area in the playground, so that doesn't really help me at all.

Thanks.

It is possible to use filter to show open or closed Business at current time ?

I want to give visitor option to show which business are open at present. 

Thanks in advance. 

For example

Apr-Oct   M-Sa 7:30- 6, Su 10-5;

Nov-Mar  M-Sa 8-5,      Su 10-5.

Input form (Schema):

jreviews/views/themes/default/fields_formbuilder/newformname.json

Output display:

jreviews/jreviews/views/themes/default/fields_phpformat/newformname.thmtl
 

How do the below example classes come into play elsewhere as I guess these should be renamed to suite the new schema? Are there other files that need to be edited when making a new schema?

<ul class="jrBusinessHours">

 <span class="jrBusinessHoursStatus jrBusiness-<?php echo $status;?>">

I have come across a store that is closed but open "by appointment"  

How would I add this to the opening and closing time to reflect this?

It looks like I need to add an option for the property.  TIA Tom

It presents as a single button on the page.

Which when clicked, reveals the following

There are a few things I don't like about it, maybe someone can give me some hints on how to change it, but I will explain them later down the page.

I've put my schema in a file called work_experience.json located in /components/com_jreviews/jreviews/views/themes/default/fields_formbuilder

I've also created a basic work_experience.thtml file in /components/com_jreviews/jreviews/views/themes/default/fields_phpformat Note, I've not done any styling for the data at all. It just dumps the raw info to the listing.

I've also 2 additional files months.json and dates.json that go in /components/com_jreviews/jreviews/views/themes/default/fields_formbuilder/definitions

I will attach the aforementioned files to this post in workexperience.zip

****************************************************************************

The problem I have with this schema is that once you click on the work experience button, all the content is revealed except the task input field (You can see this in workexperience2.jpg). You have to click the task button to have that revealed. I want the input field for task to be revealed along with all the other inputs. workexperience3.jpg shows what I would like to see.

I have a solution for that, I can add the following code to the schema

,
  "default": {
    "Duties": [
      {
        "task": ""
      }
    ]
  

It successfully shows the task input field. Unfortunately, it creates a problem, when the page is first loaded, instead of seeing a work experience button that you would click to reveal the inputs, all the inputs are already revealed! You don't need to press the button!  When the page is first loaded, I just want to see the work experience button and then when I click the button I'd like the inputs to be revealed (including the task input). This isn't a big problem, I can settle to use this as it is, but if anyone has any suggestions on how to do it the way I'd like to, I'd love to hear from them.

**************************************************

When building this schema, I found the information at https://github.com/jdorn/json-editor to be invaluable (scroll down the linked page for info).

For those of you who would like to play with this immediately just paste the following code into the schema section of https://docs.jreviews.com/playground/formbuilder/

{
	"title": "Resume",
	"type": "array",
	"items": {
		"title": "WORK EXPERIENCE",
		"properties": {
			"details": {
				"title": "Details",
				"type": "object",
				"format": "grid",
				"properties": {
					"position": {
						"title": "Position",
						"type": "string",
						"options": {
							"input_width": "100%",
							"grid_columns": 11
						}
					},
					"monthstart": {
						"title": "Start Month",
						"$ref": "#\/definitions\/months",
						"type": "string"
					},
					"yearstart": {
						"title": "Start Year",
						"$ref": "#\/definitions\/years",
						"type": "string"
					},
					"monthend": {
						"title": "End Month",
						"$ref": "#\/definitions\/months",
						"type": "string"
					},
					"yearend": {
						"title": "End Year",
						"$ref": "#\/definitions\/years",
						"type": "string"
					},
					"companyname": {
						"title": "Company",
						"type": "string",
						"options": {
							"input_width": "100%",
							"grid_columns": 11
						}
					},
					"location": {
						"title": "Location",
						"type": "string",
						"options": {
							"input_width": "100%",
							"grid_columns": 11
						}
					},
					"information": {
						"title": "Information",
						"type": "string",
						"format": "textarea",
						"options": {
							"input_width": "100%",
							"grid_columns": 11
						}
					}
				}
			},
			"Duties": {
				"title": "Tasks/Responsibilities",
				"type": "array",
				"format": "table",
				"items": {
					"title": "Task",
					"type": "object",
					"format": "grid",
					"properties": {
						"task": {
							"title": "Task",
							"type": "string"
						}
					}
				}
			}
		}
	},
	"definitions": {
		"months": {
			"type": "string",
			"enumSource": [{
					"source": [{
							"value": "JAN",
							"title": "January"
						}, {
							"value": "FEB",
							"title": "February"
						}, {
							"value": "MAR",
							"title": "March"
						}, {
							"value": "APR",
							"title": "April"
						}, {
							"value": "MAY",
							"title": "May"
						}, {
							"value": "JUN",
							"title": "June"
						}, {
							"value": "JUL",
							"title": "July"
						}, {
							"value": "AUG",
							"title": "August"
						}, {
							"value": "SEP",
							"title": "September"
						}, {
							"value": "OCT",
							"title": "October"
						}, {
							"value": "NOV",
							"title": "November"
						}, {
							"value": "DEC",
							"title": "December"
						}
					],
					"title": "{{item.title}}",
					"value": "{{item.value}}"
				}
			]
		},
		"years": {
			"type": "string",
			"enumSource": [{
					"source": [{
							"value": "PRESENT",
							"title": "PRESENT"
						}, {
							"value": "1902",
							"title": "1902"
						}, {
							"value": "1903",
							"title": "1903"
						}, {
							"value": "1904",
							"title": "1904"
						}, {
							"value": "1905",
							"title": "1905"
						}, {
							"value": "1906",
							"title": "1906"
						}, {
							"value": "1907",
							"title": "1907"
						}, {
							"value": "1908",
							"title": "1908"
						}, {
							"value": "1909",
							"title": "1909"
						}, {
							"value": "1910",
							"title": "1910"
						}, {
							"value": "1911",
							"title": "1911"
						}, {
							"value": "1912",
							"title": "1912"
						}, {
							"value": "1913",
							"title": "1913"
						}, {
							"value": "1914",
							"title": "1914"
						}, {
							"value": "1915",
							"title": "1915"
						}, {
							"value": "1916",
							"title": "1916"
						}, {
							"value": "1917",
							"title": "1917"
						}, {
							"value": "1918",
							"title": "1918"
						}, {
							"value": "1919",
							"title": "1919"
						}, {
							"value": "1920",
							"title": "1920"
						}, {
							"value": "1921",
							"title": "1921"
						}, {
							"value": "1922",
							"title": "1922"
						}, {
							"value": "1923",
							"title": "1923"
						}, {
							"value": "1924",
							"title": "1924"
						}, {
							"value": "1925",
							"title": "1925"
						}, {
							"value": "1926",
							"title": "1926"
						}, {
							"value": "1927",
							"title": "1927"
						}, {
							"value": "1928",
							"title": "1928"
						}, {
							"value": "1929",
							"title": "1929"
						}, {
							"value": "1930",
							"title": "1930"
						}, {
							"value": "1931",
							"title": "1931"
						}, {
							"value": "1932",
							"title": "1932"
						}, {
							"value": "1933",
							"title": "1933"
						}, {
							"value": "1934",
							"title": "1934"
						}, {
							"value": "1935",
							"title": "1935"
						}, {
							"value": "1936",
							"title": "1936"
						}, {
							"value": "1937",
							"title": "1937"
						}, {
							"value": "1938",
							"title": "1938"
						}, {
							"value": "1939",
							"title": "1939"
						}, {
							"value": "1940",
							"title": "1940"
						}, {
							"value": "1941",
							"title": "1941"
						}, {
							"value": "1942",
							"title": "1942"
						}, {
							"value": "1943",
							"title": "1943"
						}, {
							"value": "1944",
							"title": "1944"
						}, {
							"value": "1945",
							"title": "1945"
						}, {
							"value": "1946",
							"title": "1946"
						}, {
							"value": "1947",
							"title": "1947"
						}, {
							"value": "1948",
							"title": "1948"
						}, {
							"value": "1949",
							"title": "1949"
						}, {
							"value": "1950",
							"title": "1950"
						}, {
							"value": "1951",
							"title": "1951"
						}, {
							"value": "1952",
							"title": "1952"
						}, {
							"value": "1953",
							"title": "1953"
						}, {
							"value": "1954",
							"title": "1954"
						}, {
							"value": "1955",
							"title": "1955"
						}, {
							"value": "1956",
							"title": "1956"
						}, {
							"value": "1957",
							"title": "1957"
						}, {
							"value": "1958",
							"title": "1958"
						}, {
							"value": "1959",
							"title": "1959"
						}, {
							"value": "1960",
							"title": "1960"
						}, {
							"value": "1961",
							"title": "1961"
						}, {
							"value": "1962",
							"title": "1962"
						}, {
							"value": "1963",
							"title": "1963"
						}, {
							"value": "1964",
							"title": "1964"
						}, {
							"value": "1965",
							"title": "1965"
						}, {
							"value": "1966",
							"title": "1966"
						}, {
							"value": "1967",
							"title": "1967"
						}, {
							"value": "1968",
							"title": "1968"
						}, {
							"value": "1969",
							"title": "1969"
						}, {
							"value": "1970",
							"title": "1970"
						}, {
							"value": "1971",
							"title": "1971"
						}, {
							"value": "1972",
							"title": "1972"
						}, {
							"value": "1973",
							"title": "1973"
						}, {
							"value": "1974",
							"title": "1974"
						}, {
							"value": "1975",
							"title": "1975"
						}, {
							"value": "1976",
							"title": "1976"
						}, {
							"value": "1977",
							"title": "1977"
						}, {
							"value": "1978",
							"title": "1978"
						}, {
							"value": "1979",
							"title": "1979"
						}, {
							"value": "1980",
							"title": "1980"
						}, {
							"value": "1981",
							"title": "1981"
						}, {
							"value": "1982",
							"title": "1982"
						}, {
							"value": "1983",
							"title": "1983"
						}, {
							"value": "1984",
							"title": "1984"
						}, {
							"value": "1985",
							"title": "1985"
						}, {
							"value": "1986",
							"title": "1986"
						}, {
							"value": "1987",
							"title": "1987"
						}, {
							"value": "1988",
							"title": "1988"
						}, {
							"value": "1989",
							"title": "1989"
						}, {
							"value": "1990",
							"title": "1990"
						}, {
							"value": "1991",
							"title": "1991"
						}, {
							"value": "1992",
							"title": "1992"
						}, {
							"value": "1993",
							"title": "1993"
						}, {
							"value": "1994",
							"title": "1994"
						}, {
							"value": "1995",
							"title": "1995"
						}, {
							"value": "1996",
							"title": "1996"
						}, {
							"value": "1997",
							"title": "1997"
						}, {
							"value": "1998",
							"title": "1998"
						}, {
							"value": "1999",
							"title": "1999"
						}, {
							"value": "2000",
							"title": "2000"
						}, {
							"value": "2001",
							"title": "2001"
						}, {
							"value": "2002",
							"title": "2002"
						}, {
							"value": "2003",
							"title": "2003"
						}, {
							"value": "2004",
							"title": "2004"
						}, {
							"value": "2005",
							"title": "2005"
						}, {
							"value": "2006",
							"title": "2006"
						}, {
							"value": "2007",
							"title": "2007"
						}, {
							"value": "2008",
							"title": "2008"
						}, {
							"value": "2009",
							"title": "2009"
						}, {
							"value": "2010",
							"title": "2010"
						}, {
							"value": "2011",
							"title": "2011"
						}, {
							"value": "2012",
							"title": "2012"
						}, {
							"value": "2013",
							"title": "2013"
						}, {
							"value": "2014",
							"title": "2014"
						}, {
							"value": "2015",
							"title": "2015"
						}, {
							"value": "2016",
							"title": "2016"
						}, {
							"value": "2017",
							"title": "2017"
						}, {
							"value": "2018",
							"title": "2018"
						}, {
							"value": "2019",
							"title": "2019"
						}, {
							"value": "2020",
							"title": "2020"
						}, {
							"value": "2021",
							"title": "2021"
						}, {
							"value": "2022",
							"title": "2022"
						}, {
							"value": "2023",
							"title": "2023"
						}, {
							"value": "2024",
							"title": "2024"
						}, {
							"value": "2025",
							"title": "2025"
						}, {
							"value": "2026",
							"title": "2026"
						}, {
							"value": "2027",
							"title": "2027"
						}, {
							"value": "2028",
							"title": "2028"
						}, {
							"value": "2029",
							"title": "2029"
						}, {
							"value": "2030",
							"title": "2030"
						}, {
							"value": "2031",
							"title": "2031"
						}, {
							"value": "2032",
							"title": "2032"
						}, {
							"value": "2033",
							"title": "2033"
						}, {
							"value": "2034",
							"title": "2034"
						}, {
							"value": "2035",
							"title": "2035"
						}, {
							"value": "2036",
							"title": "2036"
						}, {
							"value": "2037",
							"title": "2037"
						}, {
							"value": "2038",
							"title": "2038"
						}, {
							"value": "2039",
							"title": "2039"
						}, {
							"value": "2040",
							"title": "2040"
						}, {
							"value": "2041",
							"title": "2041"
						}, {
							"value": "2042",
							"title": "2042"
						}, {
							"value": "2043",
							"title": "2043"
						}, {
							"value": "2044",
							"title": "2044"
						}, {
							"value": "2045",
							"title": "2045"
						}, {
							"value": "2046",
							"title": "2046"
						}, {
							"value": "2047",
							"title": "2047"
						}, {
							"value": "2048",
							"title": "2048"
						}, {
							"value": "2049",
							"title": "2049"
						}, {
							"value": "2050",
							"title": "2050"
						}, {
							"value": "2051",
							"title": "2051"
						}, {
							"value": "2052",
							"title": "2052"
						}, {
							"value": "2053",
							"title": "2053"
						}, {
							"value": "2054",
							"title": "2054"
						}, {
							"value": "2055",
							"title": "2055"
						}, {
							"value": "2056",
							"title": "2056"
						}, {
							"value": "2057",
							"title": "2057"
						}, {
							"value": "2058",
							"title": "2058"
						}, {
							"value": "2059",
							"title": "2059"
						}, {
							"value": "2060",
							"title": "2060"
						}, {
							"value": "2061",
							"title": "2061"
						}, {
							"value": "2062",
							"title": "2062"
						}, {
							"value": "2063",
							"title": "2063"
						}, {
							"value": "2064",
							"title": "2064"
						}, {
							"value": "2065",
							"title": "2065"
						}, {
							"value": "2066",
							"title": "2066"
						}, {
							"value": "2067",
							"title": "2067"
						}, {
							"value": "2068",
							"title": "2068"
						}, {
							"value": "2069",
							"title": "2069"
						}, {
							"value": "2070",
							"title": "2070"
						}, {
							"value": "2071",
							"title": "2071"
						}, {
							"value": "2072",
							"title": "2072"
						}, {
							"value": "2073",
							"title": "2073"
						}, {
							"value": "2074",
							"title": "2074"
						}, {
							"value": "2075",
							"title": "2075"
						}, {
							"value": "2076",
							"title": "2076"
						}, {
							"value": "2077",
							"title": "2077"
						}, {
							"value": "2078",
							"title": "2078"
						}, {
							"value": "2079",
							"title": "2079"
						}, {
							"value": "2080",
							"title": "2080"
						}, {
							"value": "2081",
							"title": "2081"
						}, {
							"value": "2082",
							"title": "2082"
						}, {
							"value": "2083",
							"title": "2083"
						}, {
							"value": "2084",
							"title": "2084"
						}, {
							"value": "2085",
							"title": "2085"
						}, {
							"value": "2086",
							"title": "2086"
						}, {
							"value": "2087",
							"title": "2087"
						}, {
							"value": "2088",
							"title": "2088"
						}, {
							"value": "2089",
							"title": "2089"
						}, {
							"value": "2090",
							"title": "2090"
						}, {
							"value": "2091",
							"title": "2091"
						}, {
							"value": "2092",
							"title": "2092"
						}, {
							"value": "2093",
							"title": "2093"
						}, {
							"value": "2094",
							"title": "2094"
						}, {
							"value": "2095",
							"title": "2095"
						}, {
							"value": "2096",
							"title": "2096"
						}, {
							"value": "2097",
							"title": "2097"
						}, {
							"value": "2098",
							"title": "2098"
						}, {
							"value": "2099",
							"title": "2099"
						}

					],
					"title": "{{item.title}}",
					"value": "{{item.value}}"
				}
			]
		}
	}
}

Lastly, if you just want to paste into the schema section of the administrative section of JReviews, you will need to remove the wrap code from work_experience.json If you just paste work_experience.json in, it won't work. You need to remove the code that is wrapping the schema. In my example below, the code you want to paste starts with // and ends with \\. Remove everything else. Note that there won't actually be a //\\ in the schema code.

{
	"name": "Work Experience Menu",
	"theme": "work_experience",
	"schema": { //KEEP THIS BIT\\ }
}

For convenience, I've included the code without the wrap below, so you can just paste it into the administrative backend's schema section in Fields Manager-> custom field.

{
    "title": "Resume",
    "type": "array",
    "items": {
        "title": "WORK EXPERIENCE",
        "properties": {
            "details": {
                "title": "Details",
                "type": "object",
                "format": "grid",
                "properties": {
                    "position": {
                        "title": "Position",
                        "type": "string",
                        "options": {
                            "input_width": "100%",
                            "grid_columns": 11
                        }
                    },
                    "monthstart": {
                        "title": "Start Month",
                        "$ref": "/components/com_jreviews/jreviews/views/themes/default/fields_formbuilder/definitions/months.json",
                        "type": "string"
                    },
                    "yearstart": {
                        "title": "Start Year",
                        "$ref": "/components/com_jreviews/jreviews/views/themes/default/fields_formbuilder/definitions/dates.json",
                        "type": "string"
                    },
                    "monthend": {
                        "title": "End Month",
                        "$ref": "/components/com_jreviews/jreviews/views/themes/default/fields_formbuilder/definitions/months.json",
                        "type": "string"
                    },
                    "yearend": {
                        "title": "End Year",
                        "$ref": "/components/com_jreviews/jreviews/views/themes/default/fields_formbuilder/definitions/dates.json",
                        "type": "string"
                    },
                    "companyname": {
                        "title": "Company",
                        "type": "string",
                        "options": {
                            "input_width": "100%",
                            "grid_columns": 11
                        }
                    },
                    "location": {
                        "title": "Location",
                        "type": "string",
                        "options": {
                            "input_width": "100%",
                            "grid_columns": 11
                        }
                    },
                    "information": {
                        "title": "Information",
                        "type": "string",
                        "format": "textarea",
                        "options": {
                            "input_width": "100%",
                            "grid_columns": 11
                        }
                    }
                }
            },
            "Duties": {
                "title": "Tasks/Responsibilities",
                "type": "array",
                "format": "table",
                "items": {
                    "title": "Task",
                    "type": "object",
                    "format": "grid",
                    "properties": {
                        "task": {
                            "title": "Task",
                            "type": "string",
                            "options": {
                                "input_width": "90%",
                                "grid_columns": 11
                            }
                        }
                    }
                }
            }
        }
    }
}

workexperience.zip

Jasper

i got everything correct except that the year filed is showing $ sign in front of the year.

my changed code

sample screenshot: 

setup:

1) upload the attached "business_hours_indicator" file in the "fields_phpformat" folder in your overrides.

https://docs.jreviews.com/?title=FormBuilder_Custom_Field#Using_a_theme_file

edit the line 16 in this file, you have to link to your field with your "business_hours".

2) include the "business_hours_indicator.thtml" in one of your detail views of your choice and have fun ;)

3) include this code on your position of your choice in your "detail view" override file.

<?php /* LISTING Business Hours INDICATOR */ ?>
<?php echo $this->renderControllerView('fields_phpformat','business_hours_indicator');?>

When someone finds a solution to display the indicators also on listing views, that would be great B)

business_hours_indicators.thtml

businesshours.thtml works

I read these topics in tips&tricks:

https://forum.jreviews.com/topic/28558-howto-show-business-hours-indicator-elsewhere-open-closed/?hl=business+hours

https://forum.jreviews.com/topic/29213-setup-business-hours-multiview/?hl=business+hours

My questions are about these .thtml files:

business_hours_multiview.thtml

business_hours_schedule.thtml

business_hours_status.thtml

I got it concerning this:

But :

when I set with business_hours_multiview, Same result with business_hours

when I set with business_hours_schedule, I got only the field name title without any content

when I set with business_hours_status, all the field (title + content) disappears.

So I need your help for understanding the aim of these .thtml files.

Does it possible to get something close like my 2 pictures in attach files?

Thank you in advance for your advice

See image.