Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...How Do I Pre-Populate Search Box with "Search This Site"How Do I Pre-Populate Search Box with "Search This Site"
Previous
 
Next
New Post
4/5/2011 3:52 PM
 
Perhaps I'm over looking something in my rush to find a solution, but keeping mind we all should know how to pre populate a text box with a value... the question was brought to my attention of:

How do we pre-populate a DNN Search Text Field with the initial text value inside the search field that says ...  Search This Site

I checked the skinning guide and did not really find a clear definition for this.


The following code does not pre-populate the search text field...

<    dnn:SEARCH runat="server" id="dnnSEARCH" CssClass='TEST'  ShowSite="False" ShowWeb="false" Submit="<SPAN class='SearchButton'></SPAN>" value="Search This Site"     />


Simply putting the word "Search" before the text field is not an option in this case...

Any Ideas from the forum on how i could do this?
 
New Post
4/6/2011 4:41 AM
 
AFAIK this is not supported by the current skin object, you might need to create your custom clone.

Cheers from Germany,
Sebastian Leupold

dnnWerk - The DotNetNuke Experts   German Spoken DotNetNuke User Group

Speed up your DNN Websites with TurboDNN
 
New Post
4/6/2011 7:01 AM
 

What you could do is to place a Background 'Sprite' Graphic into the Search Field and move it programmatically.

<div id="skinsitesearch" class="search" style="background-position: 0px 0px;"><span class="search" style="background-position: 0px 0px;"><dnn:SEARCH runat="server" id="dnnSEARCH" cssclass="SEARCH" Submit="<img src=&quot;images/search.gif&quot; border=&quot;0&quot; align=&quot;absmiddle&quot;>" showWeb="false" ShowSite="false" /></span>

<script type="text/javascript">

<!--
var SearchField = document.getElementById('dnn_dnnSEARCH_txtSearch');
var skinsitesearch = document.getElementById('skinsitesearch');
function ChangeBG1(){
 skinsitesearch.style.backgroundPosition = '0px 0px';
}
function ChangeBG2(){
 skinsitesearch.style.backgroundPosition = '0px -20px';
}
if (SearchField.addEventListener){
 SearchField.addEventListener('focus', ChangeBG2, false);
 SearchField.addEventListener('blur', ChangeBG1, false);
} else if (SearchField.attachEvent){
 SearchField.attachEvent('onfocus', ChangeBG2);
 SearchField.attachEvent('onblur', ChangeBG1);
}

-->
</script>



Herzliche Grüße aus Hückelhoven
Frank Wahl
www.eagleworx.net

EagleworX.net
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...How Do I Pre-Populate Search Box with "Search This Site"How Do I Pre-Populate Search Box with "Search This Site"


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out