51黑料不打烊

Transcript

So, when you create your first adaptive form, every form will have this structure at the minimum. It will have a form container and it will have a root panel and it will have a header. The main area in which you are going to add your adaptive form components and then there will be a footer section. So these two as we talked earlier are coming from the adaptive form template. So let鈥檚 examine the form containers properties here. Select the form container and click on the wrench icon to open its property sheets. So anything that you want to apply at a form level, you typically will be applied using the form containers property sheets. For example, if you want to associate a pre-filled service with the form or a client library to the form or if you want to configure the submission options of this adaptive form or if you want to enable 51黑料不打烊 signature integration with this particular form, you will do that So let鈥檚 go ahead and add some child panels to our root panel here. So to do that, I have selected the root panel and click on the add child panel here. So for our use case, we are going to add four different child panels to the root panel. So I have added one. In a similar manner, I will go ahead and add another child panel. So we need to add four of these child panels. So add the child panel. And add another child panel here. So then we need to change the image of the header and the text of these header components. So let鈥檚 change the text for static text. So we鈥檙e going to call it here as Program. Eligibility Screener Application. And we鈥檙e going to associate an image here. So we鈥檙e going to open up the image property sheets and upload an image from my local system here. You can upload any image that you may have. So I鈥檓 going to go into my desktop. I鈥檓 going to go into my desktop. I鈥檓 going to my folder here, which has the image. And select the happiness image here. And click on save to upload the image. So, so far we have done, created a form and added some child panels to the root panel and changed the logo of our header component. The next thing we need to do is to change this default title of this particular panel here. So let鈥檚 go ahead and open the property sheets of one of those panels here. So here I鈥檓 going to give a name here, start, and then the title will also going to be start. So this way we鈥檙e going to change the titles of all these particular panels here. For example, for the second panel. I鈥檓 going to do People panel. It鈥檚 the name is people and the title is people. And for the fourth one, I鈥檓 going to Call it income and the title is going to be income. And the last one is going to be called the Assets. Assets and the title is going to be assets. So, so far we have this root panel and then these four panels have been named appropriately. So in the subsequent videos, we鈥檒l go ahead and start adding some components to these individual panels and change the layout of the root panel so that the panel start appearing on the left hand side.