Ventrian Product Forums

We've moved our Product Forums!
To better assist our customers, we've moved to an integrated knowledge base and ticketing system. You can access the new forums at http://support.ventrian.com.
Subject: [SEARCHBUTTON] : how to style?
Prev Next
You are not authorized to post a reply.

Author Messages
Shawn O'ConnorUser is Offline
Gold Membership
Ventrian Addict
Ventrian Addict
Posts:64

1/24/2009 5:07 PM  

There doesn't appear to be a way to style the Search button.  Normally one would do the following:

 

However, I noticed that the Form Settings, "Search Style" doesn't apply for a custom layout.

How then to style this thing?


Shawn O'Connor
http://www.idsconsulting.com
Ideas, Design, Success...

Specializing in site design using dotnetnuke.
georgelewUser is Offline
Registered Users
Ventrian Master
Ventrian Master
Posts:575


1/25/2009 12:52 AM  

You following this guide?

http://www.webreference.com/programming/css_stylish/

It has some differences on PA. Try open up the PA's ascx file to edit.


Thanks,

George

Looking for Invite Friends Module?
Shawn O'ConnorUser is Offline
Gold Membership
Ventrian Addict
Ventrian Addict
Posts:64

1/25/2009 2:39 PM  

I appreciate the feedback.  It was from that exact webpage where I got the code that I posted in my original post.  The problem is there doesn't appear to be a way to assign a style to the Search Button (or I suppose more correctly to say, "input box").  I'm talking about the button that appears when one select a custom layout.  If I'm missing something and you know how this can be done please let me know.


Shawn O'Connor
http://www.idsconsulting.com
Ideas, Design, Success...

Specializing in site design using dotnetnuke.
Larry OliverUser is Offline
Registered Users
Ventrian Addict
Ventrian Addict
Posts:64

1/25/2009 2:53 PM  

I have not tried this but I believe you set your CSS class you want to use for the search button under "Edit Layout Settings" in the "Search Settings" section "Search Style"

Hope this helps.


Have a great day!
Larry
Shawn O'ConnorUser is Offline
Gold Membership
Ventrian Addict
Ventrian Addict
Posts:64

1/25/2009 4:00 PM  

You would think, but it does not work.  That was the first thing I tried as I mentioned in my original post.  Thanks for taking the time to post though.


Shawn O'Connor
http://www.idsconsulting.com
Ideas, Design, Success...

Specializing in site design using dotnetnuke.
Larry OliverUser is Offline
Registered Users
Ventrian Addict
Ventrian Addict
Posts:64

1/25/2009 4:36 PM  

Shawn,

Sorry I missed that you tried that in your original post.  I did a little research and the "Search" button is actualy an anchor tag.  If you view the source you will see that it is wrapped in < a > tags and the class from the "Settings" page is listed as the class.  I think the default class of "CommandButton" is a little missleading.

I did a little research and found a couple links that may help you accomplish what you want even though it is not an actual button you are working with.

http://www.firefly-multimedia.com/chatterbox/?p=70

http://www.mezzoblue.com/archives/2008/09/17/anchor_butto/

Hopefully you will have better luck with this.


Have a great day!
Larry
Lauren MeyersUser is Offline
Registered Users
Ventrian Super Newbie
Ventrian Super Newbie
Posts:16

2/18/2010 9:41 AM  
Shawn,

I ran into same issue--did you find a solution? Appears that it applies the specified style when using default layout, but not custom layout. I suppose you can get around it by wrapping in div/span and styling anchor link within.

-Lauren
lsilmanUser is Offline
Silver Membership
Ventrian Super Newbie
Ventrian Super Newbie
Posts:22

5/18/2010 10:26 PM  
After several tries I ended by looking for the id value of the submit link in the source code of the page, something like id=dnn_ctr379_SearchSmall_PropertyAgentLatest_68_Search_10, then added a style #dnn_ctr379_SearchSmall_PropertyAgentLatest_68_Search_10 {....}. Works ok, but if you have the search form in several pages then will need a style for each one. Hope it helps.

Llamil
Steven WebsterUser is Offline
Gold Membership
Ventrian Master
Ventrian Master
Posts:708


5/19/2010 4:15 AM  

I'm able to do this pretty easily by setting a CSS class in the admin for search style then adding that class to the skin.css (this is on the search module...but this works on the main module too)

 










Steven Webster
dnnOsphere.com, An Independent Community for DotNetNuke Users
lsilmanUser is Offline
Silver Membership
Ventrian Super Newbie
Ventrian Super Newbie
Posts:22

5/19/2010 7:38 AM  
Tried that with PA 1.7.62 and DNN 5.2.3, but only works with standard layout. What version are you using? Thanks!

Llamil
You are not authorized to post a reply.
Forums > Modules > Property Agent > [SEARCHBUTTON] : how to style?



ActiveForums 3.7
We've moved our Product Forums!
To better assist our customers, we've moved to an integrated knowledge base and ticketing system. You can access the new forums at http://support.ventrian.com.