How to modify the search box??
Last Post 12/10/2007 3:37 AM by Lee Sykes. 1 Replies.
Author Messages
tlyczko
Nuke Ace
Nuke Ace
Posts:41


--
12/07/2007 7:58 AM  
For example, if I want to color and size the input box??
If I want to use an image (e.g. magnifying glass) instead of the button??
If I want to modify the button??
Thank you, Tom
Lee Sykes
DNN Creative Staff
Nuke Master VI
Nuke Master VI
Posts:4945


--
12/10/2007 3:37 AM  
Here is an example:

< Object >
    < Token >[SEARCH]< /Token >
    < Settings >
      < Setting >
        < Name >CssClass< /Name >
        < Value >SkinItem< /Value >
      < /Setting >
      < Setting >
        < Name >ShowSite< /Name >
        < Value >False< /Value >
      < /Setting >
      < Setting >
        < Name >ShowWeb< /Name >
        < Value >False< /Value >
      < /Setting >
      < Setting >
        < Name >Submit< /Name >
        < Value >< ![CDATA[< img src="images/Search_Button.gif" alt="Search" / >]] >< /Value >
      < /Setting >
    < /Settings >
  < /Object >

(spaces added before < and > so that it displays in the forum)

/* shrink width of DNN search box */
#dnn_dnnSEARCH_txtSearch
{
    width: 100px; /* shrink */
    margin: 10px 0 0 18px; /* center */
    font-size:10px;
}

/* position search image */
#dnn_dnnSEARCH_cmdSearch img {
    border: 0;
    position: relative;
    top: 2px;
    left: -3px;
}

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/DNNCreative

Lee Sykes's Facebook Profile


---