Making search field larger

Need help? Post your questions here.

Moderator: moderators

Making search field larger

Postby diffy » Sat Feb 04, 2012 4:36 pm

Hi


The main feature I use on my libraries is search.

How can I make the search field really very hugely large?
diffy
 
Posts: 97
Joined: Fri Dec 30, 2011 11:28 pm
Location: Copenhagen, Denmark

Re: Making search field larger

Postby ytechie » Sun Feb 05, 2012 5:28 am

Check out the file top.jsp. It has everything you need. I will post a more detailed tutorial upon request. No problem. :)
User avatar
ytechie
 
Posts: 547
Joined: Sun Dec 12, 2010 5:05 am
Location: Manhattan, New York

Re: Making search field larger

Postby diffy » Tue Feb 07, 2012 9:39 am

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...
diffy
 
Posts: 97
Joined: Fri Dec 30, 2011 11:28 pm
Location: Copenhagen, Denmark

Re: Making search field larger

Postby ytechie » Tue Feb 07, 2012 5:40 pm

I used the font-size and padding style attributes. I set the font-size to 1.15em and the padding to 3px 3px.
User avatar
ytechie
 
Posts: 547
Joined: Sun Dec 12, 2010 5:05 am
Location: Manhattan, New York

Re: Making search field larger

Postby diffy » Wed Feb 08, 2012 6:23 am

Okay thanks. I am going to try and make it look something like the search bar
at http://www.sourceforge.net
diffy
 
Posts: 97
Joined: Fri Dec 30, 2011 11:28 pm
Location: Copenhagen, Denmark

Re: Making search field larger

Postby diffy » Thu Feb 16, 2012 11:36 am

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.
diffy
 
Posts: 97
Joined: Fri Dec 30, 2011 11:28 pm
Location: Copenhagen, Denmark


Return to Help

Who is online

Users browsing this forum: No registered users and 10 guests