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, ...Possible to create a custom search input box?Possible to create a custom search input box?
Previous
 
Next
New Post
3/6/2008 3:35 PM
 

Can somebody recommend techniques to make a search input look like:

I get the button part, that's easy. It's the input box that I don't know where to start.

 
New Post
3/10/2008 4:11 PM
 

admin\Skins\search.ascx file contains the search input box skin. Easily editable in Visual Studio. Allowed me to change the border style of the input box. Remove the side borders and enclose the input box between two rounded edge images. Had to put it into a single-row table to get the images to line up correctly with the input box.

 
New Post
3/11/2008 4:49 PM
 

This is just a recommendation but I would recommend that you not alter the default install files.  The breakdown on why is fairly simple, if you alter the default files the first time you upgrade you will lose all of your work and if you are running multiple portals and would like a different look for each, you cannot do this by altering the default files.  The way I have worked with this in the past, and it may not be the best so feel free to correct me, is to take the default files and create a new folder for each set of files with a different name.  Paste the original files into the new folder and you should be able to use it in you skins.  In the case of the search files, I created a folder under /Admin titled Search2.  The folder structure ended up being /Admin/Search2, then I created a new file under /Admin/Skins titled Search2.ascx.  I then copied each of the files from the /Admin/Search folder to the /Admin/Search2 folder.  I then modified the file Search2.ascx to fit as I wanted it to.  If you don't change any of the vb code and just change the look and feel of Search2.ascx then it will function as a regular search with a different look.  I build my skins in ascx, so I just add the appropriate changes in the file, if you build html skins it might be a bit more tricky, I would have to check, but it shouldn't be too difficult. 

I may have missed a few steps so you can feel free to email me or post here and I can answer questions, if you have them.  The added advantage of this is each time you upgrade, you keep the custom look.  The disadvantage is that you will have to upgrade the custom skin object seperately.  We have been through a half dozen upgrades and haven't needed to fix any problems yet.  You can also work this out with some of the other modules, I did it with the Links module, but you may want to be careful doing this with some of the more complicated modules.  These are, of course, just recommendations but it may make your life easy. 

 
New Post
3/12/2008 12:17 PM
 

Your reasoning makes perfect sense. I may try your approach now that I've figured out how to get the look I wanted.

I thought about doing what you suggest but I wasn't sure of what all I needed to create a new [SEARCH2] tag that would work in my skins. I create HTML skins.

Thanks for your input. I'll post back if I run into any problems that can't be anwered in the help files.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Possible to create a custom search input box?Possible to create a custom search input box?


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