Search Box

422

I note from src code, that you wrap input and button in blank div.

Like:

<div>
<input id="Form_Search" class="InputBox" type="text" placeholder="Search Forums" value="hello" name="Search" data-default="100" style="display: inline-block; width: 100px;">
<input id="Form_Go" class="Button" type="submit" value="Go">
</div>

Could you point me to the right area to change this, so that we may add class/id.

The reason is, we are re doing search ( top header menu ) and search for the search page. But if we change styling for eitehr they have an effect on other.

For now, we can only change style using body id, like:
#vanilla_discussions_index .Search div

And

#dashboard_search_index .Search div

Unfortunately this isnt enough to safely style both independantly of each other. So all I need to know, is where the hook for <div> is that wraps input elements, within form.

Todd

The form object is what puts that naked div in every form which is a legacy thing and difficult to change at this point. I think your fix is perfectly adequate.

422

Managed to fluff a fix, by using:
#vanilla_discussions_index .Search div, #dashboard_search_index .Search div

Not sure this is very elegant

Todd

The form object is what puts that naked div in every form which is a legacy thing and difficult to change at this point. I think your fix is perfectly adequate.

422

Apologies for all the questions @Todd I dont wish to be a pain in the ass. Still learning Vanilla, and eager. Cheers for the reply, and we will go with the code I did.

Ste

candyman

422 said:
Apologies for all the questions @Todd I dont wish to be a pain in the ass.

Don't worry, compared to me you're an absolute beginner...

Todd

No worries, both of you