Getting Controls to Skin


Author Message
Thom

Posted: 4/18/2010
Quote message 

I guess that I'm getting frustrated in the details but how do you get controls to use the skin.

For example, when I'm editing in Artisteer and create the look I want for my search (block, in the right sidebar), it looks like this:



After I install it and use it, this is what I get from the default DNN search control:



While I'm generally enjoying using Artisteer, it's little things like this that make me want to pull my hair out. Yes, I'm new to DNN.

Please help me understand what to do or not do to get this working smoothly?
 
Thom

Posted: 4/18/2010
Quote message 

Let's try that 2nd image again:


 
Steven Webster

Posted: 4/26/2010
Quote message 

OK, thse are DNN issues not Artisteer issues.

First things first...make sure you name your search module when you add it to the page. That will solve the blank (blue pill) container header.

Second, the help icon and form label are inserted by DNN. Sometimes you can turn this off in the module settings (it depend on the module).

Third, Artisteer does not include styles for form controls (I wish it did). You would need to add CSS to your skin.css (generated by Artisteer or be opening Admin | Site Settings and adding and saving to the Stylsheet section.

Something like this will style your forms controls.

select,textarea,.NormalTextBox {font-family:"Segoe UI",Arial, Helvetica, Sans-Serif;;font-size:14px;margin-bottom:5px;border:solid 1px #ccc;padding:4px; font-weight: bold;}


Adjust according to your specific skin.
 
Thom

Posted: 5/14/2010
Quote message 

Thanks for the reply Steven, I'll give it another go.

Sorry for the delay, sadly Real Life comes before the web .... most of the time anyway :-)