Results 1 to 3 of 3

Thread: Border Radius not working for Container

  1. #1
    Sencha User
    Join Date
    Apr 2014
    Posts
    24
    Answers
    1
    Vote Rating
    1
      0  

    Default Answered: Border Radius not working for Container

    Can anyone see why the border-radius does not work? (I'm using Chrome)

    Code:
    Ext.define('MyComponent', {
    
        extend: 'Ext.container.Container',   
    
        style: {
    
            borderStyle: 'solid',
            borderColor: 'red',       
            borderRadius: 30
            
        },
    
        border: 5
    
    });

  2. Try using this:

    style: "border: 5px solid red;border-radius: 10px; webkit-border-radius: 10px; -moz-border-radius: 10px;"

  3. #2
    Sencha Premium User
    Join Date
    Jan 2009
    Location
    Brazil, Porto Alegre
    Posts
    59
    Answers
    5
    Vote Rating
    18
      1  

    Default

    Try using this:

    style: "border: 5px solid red;border-radius: 10px; webkit-border-radius: 10px; -moz-border-radius: 10px;"

  4. #3
    Sencha User
    Join Date
    Apr 2014
    Posts
    24
    Answers
    1
    Vote Rating
    1
      0  

    Default

    Thank you very much, that worked!!

    I guess I missed out the 'px' and proper border style

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
  •