[Resolved] How to espand the data field clickable area in custom search?

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic contains 3 replies, has 2 voices.

Last updated by Christian Cox 3 months, 2 weeks ago.

Assigned support staff: Christian Cox.

Author
Posts
#1562779

Tell us what you are trying to do?
I have created a custom search and there is a between filter about the data field. Well, to select the data now the user needs to click on the calendar icon. I need to expand the clickable area to all related form-group. If I try to customize it using the CSS "width:100%", the calendar icon is expanded to 100%, but I not need to expand the calendar icon, but only the clickable area.
What shoul I do to do that?

Is there any documentation that you are following?
I don't know.

Is there a similar example that we can see?
I don't know.

What is the link to your site?
hidden link

#1563019

Christian Cox
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-04:00)

I'm not aware of an easy way to expand the clickable area for the calendar icon. I think you would have to use custom JavaScript code to trigger the datepicker by capturing a click event in another area. The calendar icon is part of the jQuery UI datepicker system.

In theory you could use CSS to show a cursor over the entire area:

.form-group.data1 {
  pointer:cursor;
}

Then you would have to capture clicks on that entire area and forward them to the datepicker trigger. There's not an easy solution for this, it would require complex JavaScript.

#1564907

mmm... ok, it is not possible in a simple way...
Thank you!

#1567189

Christian Cox
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-04:00)

Closing, with client's acknowledgement there is not an easy solution here.