Results 1 to 4 of 4

Thread: How to highlight form itself?

  1. #1
    Sencha User
    Join Date
    Jul 2009
    Location
    Turkey
    Posts
    327
    Answers
    10

    Default How to highlight form itself?

    I want to highlight ExtJS Form Panel itself after a specific event. I have been trying the code added below but it just highlights the container panel which is hardly seen.

    Code Snippet

    Code:
    myForm.getEl().highlight("ffff9c", {    attr: "backgroundColor",
        endColor: "ffc333",
        easing: 'easeIn',
        duration: 1000
    });

    Sencha Fiddle Link:
    https://fiddle.sencha.com/#fiddle/fij

  2. #2
    Sencha Premium Member
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,791
    Answers
    585

    Default

    Try myForm.body.highlight to highlight the body element instead. Either that or set a transparent background color on the body element so that you can see the main el's background color showing through.

  3. #3
    Sencha User
    Join Date
    Jul 2009
    Location
    Turkey
    Posts
    327
    Answers
    10

    Default

    unfortunately myForm.body.highlight did not work for me even I remove background-image of form panel.

  4. #4
    Sencha Premium Member
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,791
    Answers
    585

    Default

    Switching to the body in your Fiddle worked fine for me. Obviously I still couldn't see through the textarea but the yellow highlight appeared as a line below the field in the bit of the form that was visible.

    I don't think background-image is relevant in this case, it'd be background-color. Even once you get that right it wont show through the textarea. Perhaps that's what you're seeing?

    This should just be a case of getting the correct CSS properties set on the correct elements. Apart from the animation part it's all stuff that's straightforward to piece it together through the browser devtools.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •