I can't use a captcha field for this reason.

I have text and texbox fields which I can style, but the captcha textbox resists styling, I will double-check again in my skin stylesheet...

I think this could easily be fixed by adding a CSS ID to each captcha field's text field, and then telling people to set a style on this ID, since there would only be one captcha per form...

Thank you, Tom

Tom,

At a quick glance at the code it is setting the Captcha textbox stylesheet class to either NormalRed (if using the Core), DynamicForms_Captcha (if using custom), or the questions field class if you are choosing the override option. I do see that its hard coding the Background color to blue though so I am reviewing this now on a test environment to see if these properties are actually being rendered etc...

-Chad

Thank you for looking at this.
I wasn't aware of that class, I can try it, I can add this into my stylesheets.
My captcha textbox was showing a standard HTML white background etc.
Using the questions field class override does not work because the captcha image itself AND the textbox (which stays whilte) get styled with this class and that does not look right at all.
Thank you, Tom
P.S. Information is posted on the DNN site itself about making logins persist for more than five (5) minutes so people don't keep having to login over and over again just to answer a forum post.

I just now tried this style class  It does not work properly.

Here is the code that DF generates for me:

 

 

                                   
                                       
                                   
                               

Anti-Spam Captcha:   <div class="DynamicForms_Captcha" style="width: 300px;">                                                                                                                                         <input maxlength="6" name="dnn$ctr399$DynamicForms$Captcha_4cd842e3-9be9-4501-8708-b5c18aac09fb" value="" style="width: 300px;" type="text">                                         <t. It is CaSe Sebr>Please type the text exactly as you see iNsiTivE.

The first part in bold shows that the captcha style is applying incorrectly for me. I don't want the captcha table cell or whatever to to be styled, only its text box.

The second part in bold should be styled like other textboxes. It is not getting styled at all.

The part in underline is also not displaying properly compared to other similar footers, it is one line lower than it should be. I don't know why, but this wrecks how my form looks if I use a captcha.

Due to the low quality of DNN's rich text editor, I make no guarantees to the readability of the code posted here. Please advise if you would like an email with the code in it.

Thank you, Tom

 

Tom,

Ok. As I look at this I too confirmed that the stylesheet property is being set at the 'TD' level and not at the input / textbox level. Honestly I cannot find a way to control this as this is a DotNetNuke Web Control and we don't have a lot of say in what the stylesheet property is set too. I am trying to research levelled CSS that might possibly be able to set .input fields underneath the TD stylesheet class that is being set. From all of the controls attributes we set via code I don't see anything that is 'CaptchaField.TextboxField.CSSClass' etc... Only CaptchaField.CSSClass which is what we are setting and its setting the TD tag class and not the input field. I also see other properties for background color, border styles, captcha width and height, but again no textbox or input but stylesheet property that we can set. I would imagine this would come up if you wanted to use custom styles on the standard DNN implemented stylesheet class so ill research that as well (since it should be the same solution)

-Chad

Thank you for looking at this again.

I repled via email because I could not paste a screen capture into the reply.

I sent a screen capture and the code, which should be easier to read in my email than in this forum thread.

Thank you, Tom

I have read this...I really really really really don't like DNN any more.

Your comment made me think...

I added input to a class like so in the DF custom CSS:

input, .DynamicForms_Textbox
{
    /* 3.28.08 same as form_textbox in skin.css */
    /* background-color: #FFFFCC;*/
    border: 1px solid #b5c19f;
    padding: 2px 5px;
    background: #FFFFC8; /*ffffc8 or #ffffcc*/
    margin-bottom: 3px;
    margin-top: 3px;
    color: #666666;
    width:500px;
    overflow: hidden;
    font-size: 100%;

}

And this correctly styles the text box but not the captcha div!!

Thank you!! Now I or we have to figure out why the extra top/bottom white-space margins on the input...

More testing needed.

Thank you, Tom

 

Sweeettt... Lets not bash DNN too much though, its a great framework and after all it is free and open sourced

I am going to flag this thread with several stars in case any other users want or need to set a stylesheet class on a DNN Captcha control. Your stylesheet class would probably work for using Captcha within the core or within our modules.

I am checking on all of the BR tags. if I remember right removing these (its also on the Captcha property) was causing all types of issues on the form but ill find out during testing.


-Chad

Problem I have come up against so far is that IE7 and FF2.x require different styling!!!

To get the "line spacing" to look right in either browser I need different negative top-margin ang bottom-margin numbers.

To get the captcha IMG styled I have to set an img tag in the Dynamic Forms custom CSS and put some top and bottom margins on that too, again different values for IE and FF, bottom has to be negative, top has to be positive...may remove the label tag and that would help a lot but then I lose consistency of the form's look and feel...so I don't want to do that...I will look at other captcha things over the next few days and update this thread with what I find.

For IE there's conditional styles I think but I should not have to do that...

Maybe I can play with the DynamicForms_Captcha DIV style itself...

I *like* to bash DNN. It's way over-hyped IMNSHO.

Thank you, Tom

As far as the BR tags within the Captcha Image VS Textbox. This is something that we added because if its not there then DNN defaults this to text 'Enter the code shown above'. When we initially reviewed this we thought this might be better to be empty as you could make use of example text, question header and footer, field label, and other areas of show this. We are thinking now we will set this to the default value for the 2.6 release.

See attached screenshot. The first screenshot represents what happens when you leave it at blank and no BR tag (and is the reason we added the BR tag). The 2nd image on the screenshot shows how the CORE typically renders this if we don't set it at all.

-Chad

 

 

I understand now.

The BR tag behaves correctly for all my fields actually, then.

It only should be done with
rather than
...You should leave it in, OR give people the OPTION of automatically adding the BR vs. using the core's rendering....

Therefore maybe something else is going on with my captcha field that is messing up its display.

I have figured out the margins to my satisfaction etc., I have some more to do, I will update next week.

BTW do you know anything about what code or class or whatever it is that the CORE uses to emplace that 'Enter the code shown above:'???? If so, then I could style it with a display: none...

Thank you, Tom

I am not certain, this would have to be included in the DotNetNuke Web Controls source code and not directly in the DotNetNuke project / solution. I am changing this in the 2.6 release (just changed actually) to set this to the 'Default Value' property if you have a default value set, otherwise it will continue to keep it as a BR tag. I am going to respond do your other thread related to line spacing (or at least one you commented on) with a similar response on the question header/footer.