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, ...styling forms in dnn through cssstyling forms in dnn through css
Previous
 
Next
New Post
10/17/2009 5:10 PM
 

 Hi,

I've been trying to style some <form> elements, but dnn won't accept the external css. Outside of dnn, the code works fine. I have already unloaded portal.css and default.css. Css that is being applied to non-form elements (divs), works fine as well. What am I missing?

 Say for instance that I've got this label I want to style :

<form action="example.ascx" class="request">   

<label for="name">Name:</label>   

</form>

Then why doesn't this css work from an external stylesheet?

.request label {    

float: left;    

color: #FF0000;

}

Thanks a lot!

 
New Post
10/20/2009 4:48 AM
 

There is nothing wrong with your code sample. So it's quit hard to guess where your problem is located.

Is there a chance to investigate that problem somewhere online?

How and where do you embedd that external style sheet?

 
New Post
10/20/2009 5:47 AM
 

thanks for replying!

The external style sheet is located in my skin folder and it works fine for everything but form styling. I have placed the css code at the end so it should be overwriting anything that comes before it.

The problem may have to do with the fact that every page generated by DNN seems to be contained in a form already. When I remove the <form> </form> tags from my custom code, then the css applies just fine. 

This seems a bit weird to me because although I understand how nested forms can corrupt form handling, I don't understand how it can mess up css form styling.

I'm now reading up on how to implement forms in dnn modules (I'm quite new at DNN development).

 
New Post
10/20/2009 9:41 AM
 

chinmi wrote

thanks for replying!

The external style sheet is located in my skin folder and it works fine for everything but form styling. I have placed the css code at the end so it should be overwriting anything that comes before it.

The problem may have to do with the fact that every page generated by DNN seems to be contained in a form already. When I remove the

tags from my custom code, then the css applies just fine. 

 

This seems a bit weird to me because although I understand how nested forms can corrupt form handling, I don't understand how it can mess up css form styling.

I'm now reading up on how to implement forms in dnn modules (I'm quite new at DNN development).

Chinmi,

ASP.NET only likes one set of form tags per page.  (It is designed that way)  Is your form submitting back to your control or to another page or site?  If it is supposed to post back to another site you will have to use soem javascript to redirect the form submit.

robert

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...styling forms in dnn through cssstyling forms in dnn through css


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