{"id":3113,"date":"2025-08-22T09:33:05","date_gmt":"2025-08-22T09:33:05","guid":{"rendered":"https:\/\/www.radiustheme.com\/docs\/classified-listing\/?post_type=docs&p=3113"},"modified":"2025-10-14T04:53:47","modified_gmt":"2025-10-14T04:53:47","password":"","slug":"smart-dependency","status":"publish","type":"docs","link":"https:\/\/www.radiustheme.com\/docs\/classified-listing\/docs\/drag-drop-form-builder-new\/smart-dependency\/","title":{"rendered":"Smart Dependency Pro<\/span>"},"content":{"rendered":"\n

Smart Dependency for Select, Checkbox, and Radio Field<\/strong><\/h2>\n\n\n\n

During listing form creation, you need to add some options that are dependent on another section. For example, when you develop forms for cars, electronics, and phones, you need to add their brand name, model, configuration, and many other dependent fields. In this case, using conditional logic isn\u2019t always feasible. <\/p>\n\n\n\n

So, Classified Listing comes with a revolutionary feature. You can effortlessly set up smart dependency for Select, Checkbox, and Radio Field. <\/p>\n\n\n\n

Smart Dependency for Select, Checkbox, and Radio Field<\/strong><\/p>\n\n\n\n

To add smart dependency for the select, checkbox, and radio fields, follow the steps below. <\/p>\n\n\n\n

1)<\/strong> Move to Dashboard > Classified Listing > Form Builder<\/strong>.<\/p>\n\n\n\n


2)<\/strong> Select the particular form you want to edit. <\/p>\n\n\n\n

\"Edit<\/figure>\n\n\n\n

Click on the \u201cAdd New Section\u201d <\/strong>button.<\/p>\n\n\n\n

\"Click<\/figure>\n\n\n\n

1)<\/strong> To edit the newly created section, click on the \u2018Edit<\/strong>\u2019 icon. This will take you to the \u201cInput Customization<\/strong>\u201d field. <\/p>\n\n\n\n


2)<\/strong> Now, write the section title. For example, we put the section title name as Car Brand with Model. <\/p>\n\n\n\n

3)<\/strong> Here, you can add columns for the dependency field. For example, if you want to add two columns, insert the value 50. The minimum column width is 10%, the Maximum column number is 4.<\/strong><\/p>\n\n\n\n

\"Edit<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Add Smart Dependency Options for Select Field<\/strong><\/h3>\n\n\n\n

1)<\/strong> Now, move to Input Fields> Custom Fields<\/strong>.<\/p>\n\n\n\n

2)<\/strong> Add the dropdown fields in the newly created section. <\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

1) <\/strong>Here, you need to edit the newly created dropdown fields. To perform this action, click on the \u2018Edit\u2019 <\/strong>icon. <\/strong>This will take you to the \u201cInput Customization\u201d <\/strong>setup of that particular field.<\/p>\n\n\n\n

2)<\/strong> Determine the \u2018Label<\/strong>\u2019 name. As an example, we put the label as Brand Name and Model.  <\/p>\n\n\n\n

\"Write<\/figure>\n\n\n\n

Now, follow the exact same steps for adding the bulk options for the select field. <\/strong>Below, you can see the newly added bulk options in the select field. <\/p>\n\n\n\n

\"Bulk<\/figure>\n\n\n\n

1) <\/strong>Now, move to the second field and click on the \u2018Edit<\/strong>\u2019 icon. <\/strong><\/p>\n\n\n\n

2) <\/strong>Here, you need to switch on the smart dependency option. <\/strong>After activating, you need to select the preferred dependency field from the dropdown.<\/p>\n\n\n\n

3) <\/strong>Lastly, click on the \u201cBulk Add<\/strong>\u201d option.<\/p>\n\n\n\n

\"Smart<\/figure>\n\n\n\n

1) <\/strong>You can add unlimited options for smart dependency.<\/p>\n\n\n\n

2)<\/strong> Click on the \u201cBulk Assignment<\/strong>\u201d button to allocate the options to their dependency field.<\/p>\n\n\n\n

\"Perform<\/figure>\n\n\n\n

In the given GIF below, you can clearly observe the process.<\/p>\n\n\n\n

First, select the options that are dependent on the other field\u2019s option. <\/p>\n\n\n\n

Then, move to the \u201cDepend on<\/strong>\u201d section. Select the respective option from the dropdown. <\/p>\n\n\n\n

Click on the \u201cAssign<\/strong>\u201d button. <\/p>\n\n\n\n

Now, all the newly assigned dependency options will be visible. <\/p>\n\n\n\n

Lastly, you can easily view the \u2018Assigned<\/strong>\u2019 and \u2018Unassigned<\/strong>\u2019 options.<\/p>\n\n\n\n

\"Bulk<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Add Smart Dependency Options for Checkbox<\/strong><\/h3>\n\n\n\n

By moving to Input Fields> Custom Fields. <\/strong>You can add the checkbox field to the section.<\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

Now, follow the same steps as adding a smart dependency for the select field. <\/strong>The interface will look like below.<\/p>\n\n\n\n

\"Smart<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Add Smart Dependency for Radio Field<\/strong><\/h3>\n\n\n\n

By moving to Input Fields> Custom Fields. <\/strong>You can add the radio field to your preferred section. <\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

Now, follow the same steps as adding bulk options for the select field and the checkbox. <\/strong>The interface will look like below.<\/p>\n\n\n\n

\"Smart<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Front-End View After Adding <\/strong>Smart Dependency for Select, Checkbox, and Radio Field<\/strong><\/h3>\n\n\n\n

When Users insert listing information during form submission, they can select their preferred options among the bulk lists.<\/p>\n\n\n\n

\"Smart<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Video Tutorial:<\/h3>\n\n\n\n
\n