XF 2.2 Autofocus for Search Bar - Header

You're only looking at about 5 hours between initial post and second post.. not a lot of time to get help in a public area. Especially when you consider that odds are the time you posted was during when many people are actually at work with their normal jobs... even those that are developers/stylers.

Basically you are wanting the advanced search to automatically be the default (and opened) search when you begin to type in the search box? Odds are it's not going to be a simple styling issue, but at the least a template edit... more likely an extending of the core behavior of XF via an add-on.
 
You're only looking at about 5 hours between initial post and second post.. not a lot of time to get help in a public area. Especially when you consider that odds are the time you posted was during when many people are actually at work with their normal jobs... even those that are developers/stylers.

Basically you are wanting the advanced search to automatically be the default (and opened) search when you begin to type in the search box? Odds are it's not going to be a simple styling issue, but at the least a template edit... more likely an extending of the core behavior of XF via an add-on.

I've asked questions before and no answers have been given. Thank you for understanding.

'' Basically you are wanting the advanced search to automatically be the default (and opened) search when you begin to type in the search box? ''

yes I want it to open when the writing field is clicked. Simple, but how?
 
yes I want it to open when the writing field is clicked. Simple, but how?
It "works" simply when you use it.. but to have it to default to that behavior is not a switch, nor is it frequently as simple as you believe, since that function also interfaces with other add-ons (like XFMG, RM, ShowCase, Article Management System and more)... as I said, it's most likely at the least a template edit (and probably a fairly extensive one) but would probably be better addressed via a bespoke add-on.

Hopefully you will get some beneficial feedback.
 
It "works" simply when you use it.. but to have it to default to that behavior is not a switch, nor is it frequently as simple as you believe, since that function also interfaces with other add-ons (like XFMG, RM, ShowCase, Article Management System and more)... as I said, it's most likely at the least a template edit (and probably a fairly extensive one) but would probably be better addressed via a bespoke add-on.

Hopefully you will get some beneficial feedback.

It's on your website. This is what I wanted :)

1661565841044.webp
 
It's on your website. This is what I wanted :)

View attachment 272585

Not sure exactly what you are getting at... I don't get a link to a search box where you have the top yellow box at.... and the right yellow box is the default behavior of that style... and also probably the same for a user not logged in and also on the default style. In fact, I just checked and it's the same exact behavior except the Search button is light blue and the Advanced Search is dark blue on the default... but that's simply because there is styling apparently being appleid to the .button.button--primary CSS code in the paid style I have.
Changing the color is easy via EXTRA.LESS

Screen Shot 2022-08-26 at 9.49.45 PM.png
 

I want to change it as below.

Screen Shot 2022-08-26 at 9.49.45 PM.png
 
I want to change it as below.
As I explained... changing that color is simply a CSS edit in your EXTRA.LESS from the Appearance -> Templates -> Extra.less
You just need to designate the full CSS target. I gave you the base target to address, but that would be for the primary buttons system wide for your install.

You might try using
.menu-footer:not(.menu-footer--split) .menu-footer-controls .button.button--primary {background:green;} if using the default style (have not tried this), where green would be whatever color you wanted.
If you are using a custom style, you will need to use your browser inspector and inspect the code for that particular style (I know Pixel Exit has a custom one).
Now, if you are wanting it to default to the Advanced Search as being the default selected.. that will, as I said, probably involve a template edit at the least (not one I'm familiar with) or a small bespoke add-on.
 
This could be theme related, are you using a special theme? If so, which one?

This is not my site, this is @Tracy Perry site: https://astrowhat.com/

As I explained... changing that color is simply a CSS edit in your EXTRA.LESS from the Appearance -> Templates -> Extra.less
You just need to designate the full CSS target. I gave you the base target to address, but that would be for the primary buttons system wide for your install.

You might try using
.menu-footer:not(.menu-footer--split) .menu-footer-controls .button.button--primary {background:green;} if using the default style (have not tried this), where green would be whatever color you wanted.
If you are using a custom style, you will need to use your browser inspector and inspect the code for that particular style (I know Pixel Exit has a custom one).
Now, if you are wanting it to default to the Advanced Search as being the default selected.. that will, as I said, probably involve a template edit at the least (not one I'm familiar with) or a small bespoke add-on.

You guys don't understand.
I don't want to change the color.
What I want to do is change the structure.

Look; when you click Search in the image below, the advanced panel opens. Is that accurate?

http://g.recordit.co/jeLpNVmrDU.gif

To give your site an example... When you click on the Search ("input") field on your site, the advanced panel opens when you type.

I want to do like this.

 
To give your site an example... When you click on the Search ("input") field on your site, the advanced panel opens when you type.
No, from a clean browser (clean cache) as a guest, my search opens like everyone else. When I type in it... no predictive text pops up. I don't think that even works with the Elastic Search add-on.

Screen Shot 2022-08-27 at 8.29.53 AM.png

The Advanced search you talk about would look like this

Screen Shot 2022-08-27 at 8.32.13 AM.png

Which is NOTHING alike.

Now, if you are talking about something like this popping up

Screen Shot 2022-08-27 at 8.34.36 AM.png

Where you see search terms in there (the social groups, default profile banner, etc)... those are, I'm pretty sure, browser related.

The latter image is from Chrome, and the majority of 1/2 of those terms that are shown were based upon searches here. Two others were based upon a search from another forum and the final one (ASI290MM) was from a search on my forum.
 
No, from a clean browser (clean cache) as a guest, my search opens like everyone else. When I type in it... no predictive text pops up. I don't think that even works with the Elastic Search add-on.

View attachment 272604

The Advanced search you talk about would look like this

View attachment 272606

Which is NOTHING alike.

Now, if you are talking about something like this popping up

View attachment 272607

Where you see search terms in there (the social groups, default profile banner, etc)... those are, I'm pretty sure, browser related.

The latter image is from Chrome, and the majority of 1/2 of those terms that are shown were based upon searches here. Two others were based upon a search from another forum and the final one (ASI290MM) was from a search on my forum.

I'm sorry.. You didn't understand me again... :(

@Fadem, if I fully understand you, you want the search to be exactly the same as Tracy Perry's site right?
I think his site is using a theme from XenFocus. Most themes from XenFocus have this functionality built in.

Yes that's true. I want the search page to be the same.
XenFocus themes have it, yes.. How it is made? I want to learn this. I want to apply it to our theme.
 
Yes that's true. I want the search page to be the same.
XenFocus themes have it, yes.. How it is made? I want to learn this. I want to apply it to our theme.
I would suggest either getting one of the styles (mine's from @Russ with PixelExit) to examine how they do it, or maybe inquiring from those developers mentioned to see if they would be willing to tell you. It's not a quick fix... there are three .LESS pages with designators for the search box and 1 of those appear to be strictly targeting the styling for that with Blackened Pro 2, then there is a template edit.

Screen Shot 2022-08-27 at 7.03.07 PM.png

I'm not going to show you their code, as that is something that they designed for their style... and would either up to Russ to help you with or you purchase a style and "rip" the code out of it and integrate it - not the most kosher thing to do in my mind.
I'm not much into that level of styling honestly... I trust a few good folks and then buy their stuff and modify it to fit my needs.
 
Back
Top Bottom