[CLOSED] Text box validation styling

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1

    [CLOSED] Text box validation styling

    Is there a way to remove the /\/\/\/\/\/\/\/\/\/\/\ lines from the validated text box?
    Attached Thumbnails Click image for larger version. 

Name:	Capture.PNG 
Views:	12 
Size:	2.6 KB 
ID:	19361  
    Last edited by Daniil; Jan 23, 2015 at 10:04 AM. Reason: [CLOSED]
  2. #2
    Hi @registrator,

    It is a CSS background image.

    This video demonstrates the technique how to inspect HTML elements, their CSS and changing that.
    CSS Change TabPanel Header Color - Ext.NET on Vimeo
  3. #3
    I followed it and placed the styling markup in the Layout base page

        <style type="text/css">
            .x-form-type-text textarea.x-form-invalid-field, .x-form-type-text input.x-form-invalid-field, .x-form-type-password textarea.x-form-invalid-field, .x-form-type-password input.x-form-invalid-field, .x-form-type-number textarea.x-form-invalid-field, .x-form-type-number input.x-form-invalid-field, .x-form-type-email textarea.x-form-invalid-field, .x-form-type-email input.x-form-invalid-field, .x-form-type-search textarea.x-form-invalid-field, .x-form-type-search input.x-form-invalid-field, .x-form-type-tel textarea.x-form-invalid-field, .x-form-type-tel input.x-form-invalid-field {
                background-color: #FFF;
                background-repeat: repeat-x;
                background-position: center bottom;
                border-color: #C30;
            }
        </style>
    but got both styling in the resulting page and image still there (this is from the page inspector) :

    .x-form-type-text textarea.x-form-invalid-field, .x-form-type-text input.x-form-invalid-field, .x-form-type-password textarea.x-form-invalid-field, .x-form-type-password input.x-form-invalid-field, .x-form-type-number textarea.x-form-invalid-field, .x-form-type-number input.x-form-invalid-field, .x-form-type-email textarea.x-form-invalid-field, .x-form-type-email input.x-form-invalid-field, .x-form-type-search textarea.x-form-invalid-field, .x-form-type-search input.x-form-invalid-field, .x-form-type-tel textarea.x-form-invalid-field, .x-form-type-tel input.x-form-invalid-field {
        background-color: #FFF;
        background-repeat: repeat-x;
        background-position: center bottom;
        border-color: #C30;
    }
    .x-form-type-text textarea.x-form-invalid-field, .x-form-type-text input.x-form-invalid-field, .x-form-type-password textarea.x-form-invalid-field, .x-form-type-password input.x-form-invalid-field, .x-form-type-number textarea.x-form-invalid-field, .x-form-type-number input.x-form-invalid-field, .x-form-type-email textarea.x-form-invalid-field, .x-form-type-email input.x-form-invalid-field, .x-form-type-search textarea.x-form-invalid-field, .x-form-type-search input.x-form-invalid-field, .x-form-type-tel textarea.x-form-invalid-field, .x-form-type-tel input.x-form-invalid-field {
        background-color: #FFF;
        background-image: url("/extjs/resources/ext_theme_gray/images/grid/invalid_line-gif/ext.axd");
        background-repeat: repeat-x;
        background-position: center bottom;
        border-color: #C30;
    }
  4. #4
    It seems I don't see where you overrode the background-image rule. I would try:
    background-image: none;
  5. #5
    Yes. That does it. I thought that removing it would do.

    Thank you

Similar Threads

  1. [CLOSED] Change validation text for DateField
    By rthiney in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Oct 30, 2013, 2:03 AM
  2. Replies: 7
    Last Post: Sep 16, 2013, 5:19 AM
  3. Replies: 4
    Last Post: Feb 09, 2012, 6:06 AM
  4. Replies: 3
    Last Post: Jul 11, 2011, 9:43 AM
  5. Styling the UI
    By LucJ in forum Open Discussions
    Replies: 2
    Last Post: Dec 09, 2009, 3:52 AM

Posting Permissions