Results 1 to 2 of 2

Thread: Panel: css for custom rounded corners box

  1. #1
    Sencha User webarts-pl's Avatar
    Join Date
    Jul 2010
    Location
    London
    Posts
    35

    Default Panel: css for custom rounded corners box

    Hi,
    I have definied panel like this:

    {
    xtype: 'panel',
    id: 'panel_general_info',
    title: 'General information',
    layout: 'auto',
    html: 'Sample text goes here 123 '
    }

    I would like to define a custom CSS classes for my on rounded corner box.

    I have found something like this:

    function createBox(t, s){
    return ['<div class="msg">',
    '<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>',
    '<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc"><h3>', t, '</h3>', s, '</div></div></div>',
    '<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>',
    '</div>'].join('');

    But how can I define/use a few css classes for a box where inside there's a content?
    The truth of clear code will libarate you

  2. #2

    Default

    Did you try the cls attribute?

    Code:
    {
       cls:'mycustomclass',
       xtype: 'panel',
       id: 'panel_general_info',
       title: 'General information',
       layout: 'auto',
       html: 'Sample text goes here 123 '
    }

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. 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
  3. Rounded corners, how to?
    By Mango_lier in forum Ext 2.x: Help & Discussion
    Replies: 9
    Last Post: 13 Sep 2008, 7:48 AM
  4. rounded corners?
    By mwaschkowski in forum Ext GWT: Help & Discussion (1.x)
    Replies: 2
    Last Post: 17 Jun 2008, 3:37 AM

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
  •