Hide Fields in Edit View in Front Page

Hi..
Visforms Version 5.5.1,
Subscription Version 5.5.1,
Joomla version is 5.4
PHP version = 8.2.29

// Question//
Is there a setting where i can hide fields in the Edit view of the submitted form?

What i wanted: After form submission, users can edit the form fields ( the ones that are allowed to edit) but i also want some of those fields to not display in the Edit view even though they cannot be edited by the user.

How can this be achieved?

Thank you in Advance.

Hi,

You can use custom CSS in order to hide the fields.
You can add custom CSS specifically only to the edit view with the Visforms Front-End Web-Assets
docs.joomla-5.visforms.vi-solutions.de/e...assets/introduction/

Regards,
Aicha

Thank you.

That worked well.

Initially i was having difficulty making it work, but when i read the documentation yet again, i realized i have to create a class inside the filed itself before having the code in web asset. Thank you

===============================

Now i run into another issue in the same place. In my form, before you submit, you will have a summery to check once again all information you input before clicking the submit button. Now the labels are appearing in double lines.

What i wanted is, the labels will be bold, and in one line.

So what i tried is, i created this css class ( bold-labelsumcheck ) and added in the label field under layout. and then added this code to the web asset under the "data Details " tab in the web assest section of the form.

.bold-labelsumcheck {
  font-weight: bold;
  white-space: nowrap;
}

Now when i edit a form submission, the labels are not bolded and are not in single line adjusted.

How can i target this summary page to style my labels as i wish?

Thank you in advance.

Hi,

thanks for sharing your solution!

There are some options in the form configuration for the summary page.
Like HTML Tag, Custom CSS Class, which you can use to get better access to the HTML structure of the summary page.

docs.joomla-5.visforms.vi-solutions.de/e...-forms/summary-page/

How the HTML of the summary page is structured, depends on the selected HTML Tag.
Just use the Browser Developer Tool in order to analyse it.

Custom CSS which will work on the Data Edit View has to inserted on the 'Data Edit' Tab of the Frontend Web-Assets.

If you do a lot of custom styling, maybe you also want to take a look here.
docs.joomla-5.visforms.vi-solutions.de/e...ruture/introduction/

Regards,
Aicha