Great Ideas. Always Flowing.

We are not happy until you are happy. Client satisfaction guaranteed. Whatever your needs and requirements, we have the skills and resources for the job!

Quick login...

Or... now make it easy with Facebook Integration
Connect via Facebook

Top Sellers

Dynamic Registration 4.0

Frustrated over the lack of customization for your user's registration fields? Dynamically setup your DNN Portal with custom registration fields, layout, questions, and other core integration options......

Ultra Video Gallery 4

Ultra Video Gallery is a brother product of Ultra Media Gallery, UVG allows you to upload videos in various format and automatically encode them to flv or H264 format, you also can add videos from internet or record live videos from your webcam.

XMod Pro 2.7 - Forms and Views for Databases

Build high performance, completely customizable data-entry forms and views driven by your DNN and external databases. New built-in tools make it a snap to quickly create data entry forms, data views, and even database tables. Plus, add your own HTML, CSS, Javascript, SQL commands, stored procedures,

Smith Shopping Cart v3.88

The most advanced DotNetNuke shopping cart on the planet. Easy to use e-Commerce, Secure Shopping Cart Software and SEO friendly. B2C / B2B Ecommerce Sites.

Event Calendar and Registration 4.0

One stop solution for events calendar and events registration! FREE DOWNLOAD is available now!

DNN Modules

Forums > Product Discussion - DotNetNuke Modules > Dynamic Forms
Watermark overriding css on form field.
Last Post 03-22-2013 11:44 AM by Ryan Bakerink. 9 Replies.
AddThis - Bookmarking and Sharing Button Printer Friendly
  •  
  •  
  •  
  •  
  •  
Sort:
PrevPrev NextNext
You are not authorized to post a reply.
Author Messages
ccfconsultUser is Offline
wading in the water
wading in the water
Posts:17
Avatar

--
03-19-2013 08:27 AM
    I have applied a css changing the style of the form fields to each field that needed it. It works fine and changes the style fine but when I add a watermark in those field rather then have a label it changes the style back. Is there something that I need to change for this not to happen?
    Ryan BakerinkUser is Offline
    river guide
    river guide
    Posts:1900
    Avatar

    --
    03-19-2013 08:59 AM
    In the Dynamic Form Style Sheet under Module Configuration, be sure to look at the .DynamicFOrms_Watermark CSS class.

    You may want to incorporate !important after all CSS attributes to ensure that your styles are not overwritten.

    For instance:

    .DynamicForms_Watermark
    {
    color: gray !important;
    font-size: 12pt !important;
    }


    Also please note that anytime you update the Stylesheet, to completely refresh the page by using CTRL + F5 to make certain that the latest version of the CSS stylesheet is being used. Cache can sometimes refer to an older version of the stylesheet giving the appearance that your changes didn't take effect.

    Please let me know if this helps.

    Thanks,

    Ryan


    ccfconsultUser is Offline
    wading in the water
    wading in the water
    Posts:17
    Avatar

    --
    03-20-2013 05:24 AM
    I did all of that. nothing seems to be working. Look at the bottom of this site.

    http://io.mojomonster.com

    The first field I selected the watermark and it is overriding my styles. I even tried applying Dynamicforms_Watermark to each field to ensure it uses that when watermark is selected but it's not working.
    Ryan BakerinkUser is Offline
    river guide
    river guide
    Posts:1900
    Avatar

    --
    03-20-2013 05:35 AM
    Hello,

    I reviewed the Watermark on the page you provided.

    It seems that this is the assigned class:

    dynamicforms_textbox dynamicforms_watermark

    This means that your inheriting styles form the DynamicForms_Textbox CSS class as well as the DynamicForms_Watermark CSS class.

    I would recommend going into the First Name field and go under Question Look & Feel and assign a new Class name for the Question. You'll see that you have the ability to use a Custom CSS Class for the LAbel and Field.

    For the moment, override the existing class "DynamicForms_Watermark" by providing a name in the "Custom CSS Class for the Field".

    Let's name the class "Alternate_Watermark"

    Go to the Stylesheet and add this new class:

    .Alternate_Watermark
    {
    //provide your styles here
    }


    Save the stylesheet and completely refresh the page with a CTRL + F5.

    Please let me know if this helps.

    Thanks,

    Ryan

    ccfconsultUser is Offline
    wading in the water
    wading in the water
    Posts:17
    Avatar

    --
    03-20-2013 07:02 AM
    Still didn't work
    ccfconsultUser is Offline
    wading in the water
    wading in the water
    Posts:17
    Avatar

    --
    03-20-2013 11:28 AM
    I have another site I need to do this for and it's not working on that site either. If i have to I can just leave the default value as is but I would rather it be a watermark cause it looks more professional. Thanks for you help I appreciate it.
    Ryan BakerinkUser is Offline
    river guide
    river guide
    Posts:1900
    Avatar

    --
    03-20-2013 11:33 AM
    Hello,

    Can you please email admin credentials for http://io.mojomonster.com to me at rbakerink(at)datasprings(dot)com??

    I'm a Project Manager at Data Springs and can try to be of assistance. If worse comes to worse, I'll attempt to offer an alternate solution if need be.

    Also please provide me with the CSS Styles to be associated with the Watermark.

    Let me know if you have any questions.

    Thanks,

    Ryan
    ccfconsultUser is Offline
    wading in the water
    wading in the water
    Posts:17
    Avatar

    --
    03-20-2013 12:57 PM
    I sent it.
    ccfconsultUser is Offline
    wading in the water
    wading in the water
    Posts:17
    Avatar

    --
    03-21-2013 07:34 AM
    Thank you for your help! It's fixed and working great. The solution was as follows:

    I have implemented an alternate solution by utilizing JavaScript.

    Please refer to the “Your First Name” field.

    I have appended “onfocus” to the short field name of this field. By doing so, this tells Dynamic Forms to fire any JavaScript in the Client Side section under Advanced Field Options segment for this Dynamic Question.

    This gives it the same behavior as a watermark.
    Ryan BakerinkUser is Offline
    river guide
    river guide
    Posts:1900
    Avatar

    --
    03-22-2013 11:44 AM
    Thank you for your follow up. Glad that we could be of assistance to you.

    Let us know if you have any questions.

    -Ryan
    You are not authorized to post a reply.

    Forums > Product Discussion - DotNetNuke Modules > Dynamic Forms
     
     

    Join our mailing list...

    Get current news and events the easy way
    Subscribe Me

    Recent Blogs...

     
    Copyright 2005 - 2011 by Data Springs, Inc.
     
  • film izle
  • 720 izle
  • film
  • sinema izle
  • film makinesi
  • T�rk�e dublaj film
  • film izle
  • film izle
  • baglan film izle
  • sinema izle
  • 1080 film izle
  • film mercegi