Page 1 of 1

Making search field larger

PostPosted: Sat Feb 04, 2012 4:36 pm
by diffy
Hi


The main feature I use on my libraries is search.

How can I make the search field really very hugely large?

Re: Making search field larger

PostPosted: Sun Feb 05, 2012 5:28 am
by ytechie
Check out the file top.jsp. It has everything you need. I will post a more detailed tutorial upon request. No problem. :)

Re: Making search field larger

PostPosted: Tue Feb 07, 2012 9:39 am
by diffy
Hey thanks for the optimistic reply :)
I have edited the top.jsp file you mentioned and that changed the search bar's width. I guess the only other thing I need is to make the height a little bigger too... Could you recommend me a good way to do that?

I tried height="70" in that search table and I tried to add height to the <td style>, after Googling around a bit for knowledge on working with tables

Code: Select all
            <td style="padding-left:1em;height:70px">
                <form method="post" action="search.view" target="main" name="searchForm">
                    <table><tr>
                        <td><input type="text" name="query" id="query" height="70" size="60" value="${search}" onclick="select();"></td>
                        <td><a href="javascript:document.searchForm.submit()"><img src="<spring:theme code="searchImage"/>" alt="${search}" title="${search}"></a></td>
                    </tr></table>
                </form>
            </td>

Although I love the interface, my non-computer friends need
to understand it without having to figure out anything.


Thanks again...

Re: Making search field larger

PostPosted: Tue Feb 07, 2012 5:40 pm
by ytechie
I used the font-size and padding style attributes. I set the font-size to 1.15em and the padding to 3px 3px.

Re: Making search field larger

PostPosted: Wed Feb 08, 2012 6:23 am
by diffy
Okay thanks. I am going to try and make it look something like the search bar
at http://www.sourceforge.net

Re: Making search field larger

PostPosted: Thu Feb 16, 2012 11:36 am
by diffy
ytechie wrote:I used the font-size and padding style attributes. I set the font-size to 1.15em and the padding to 3px 3px.


This works! Thanks.

You sir, are a champion and a scholar.