Is it possible to customize the list view of the web form?

rik_sanchez · May 8, 2024, 11:57am

How can i customise the List view of Web Form . I want to add custom filter .i dont know where to customise this page

Manav_Mandli · May 8, 2024, 1:45pm

AgileShift/cargo_management/blob/8ecc2bcac31b8182e56bc9997713c1ed272492b8/cargo_management/package_management/doctype/package/package_list.js#L64


      
                      method: 'cargo_management.package_management.doctype.package.actions.get_carrier_tracking_url',
                      type: 'GET',
                      args: {carrier: doc.carrier},
                      freeze: true,
                      freeze_message: __('Opening carrier detail page...'),
                      callback: (r) => window.open(r.message + doc.tracking_number, '_blank')
                  });
              },
          },
          
          onload: function (listview) {
              // Quick Hack update Placeholder from name to Custom
              listview.page.fields_dict['name'].$wrapper.attr('data-original-title', __('Tracking Number'))
                  .find('input').attr('placeholder', __('Tracking Number'));
          
              listview.get_args = function () {  // Override only instance method
                  let args = frappe.views.ListView.prototype.get_args.call(listview);  // Calling his super
          
                  args.filters.some((f, i) => {
                      if (f[1] === 'name') {  // If we find name move it from filters to or_filters and expand it
                          return args.or_filters = [

on the doctype_list.js
overrided listview.get_args() function

rik_sanchez · May 9, 2024, 4:15am

@Manav_Mandli this works for the Web Form or on the doctype list ?

Manav_Mandli · May 9, 2024, 5:14am

@rik_sanchez
yes

rik_sanchez · May 9, 2024, 9:01am

is it possible to provide a screenshot of where your filter is being used?
@Manav_Mandli

Prasant_Pant · May 9, 2024, 9:16am

var searchBox = $('<input>').attr('id', 'search').attr('type', 'text').addClass('form-control input-with-feedback mb-3').attr('placeholder', 'Search...').css('margin', '10px 2px');
	searchBox.appendTo(container);
	searchBox.css('width', '25%');


	searchBox.on('input', function () {
		var searchText = $(this).val().toLowerCase();

		tbody.find('tr').each(function () {
			var rowText = $(this).text().toLowerCase();

			if (rowText.includes(searchText)) {
				$(this).show();
			} else {
				$(this).hide();
			}
		});
	});

rik_sanchez · May 9, 2024, 9:23am

is it possible to get the git hub link to get a better idea of the concept . or can you provide a ss of the web form?