Results 1 to 5 of 5

Thread: Rounded Panel Corners using css

  1. #1

    Thumbs up Rounded Panel Corners using css

    Hello
    Can anyone help
    How can i get the effect of rounded corners on my Panels using css.
    Please help

  2. #2
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    Code:
    frame: true
    and you can also change the border style, e.g.
    Code:
    baseCls: 'x-window'
    or
    baseCls: 'x-tip'
    or
    baseCls: 'x-box'
    or
    baseCls: 'x-box-blue'

  3. #3

    Default thanks

    But the only problem i get is that this doesn't support the header which is one of the most important parts of the panel. is there a different code i can use?

  4. #4
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    'x-panel', 'x-tip' and 'x-window' do support a header!

    Only 'x-box' and 'x-box-blue' don't have the correct background images for a header (but you could modify those).

  5. #5
    Sencha User
    Join Date
    Nov 2014
    Posts
    1

    Default

    Try to use CSS properties with vendor prefixes like in this example: box with rounded corners using CSS3. For older version of the Internet Explorer you sould use PIE.

Similar Threads

  1. How to make the rounded corners for panel
    By barbara1712 in forum Ext 2.x: Help & Discussion
    Replies: 9
    Last Post: 17 Dec 2010, 2:50 PM
  2. Panel: css for custom rounded corners box
    By webarts-pl in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 14 Sep 2010, 12:28 PM
  3. anyone have any css samples for a list with rounded corners?
    By profunctional in forum Sencha Touch 1.x: Discussion
    Replies: 1
    Last Post: 14 Jul 2010, 12:32 PM

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
  •