Results 1 to 4 of 4

Thread: Transparent toolbar but not items inside toolbar

  1. #1

    Default Transparent toolbar but not items inside toolbar

    I want have a transparent docked bar... however the trick with the opacity works fine, but i just need a transparent background.
    So if i use opacity at the toolbar i also have transparent items inside it.

    What i exactly need is a Toolbar with a (Back) Button and a transparent background (cause there is a fullsize image all the time under the tbar.

    So does anyone have an idea how i could make this?

  2. #2
    Sencha User jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    DC Area =)
    Posts
    16,364
    Answers
    102

    Default

    if yo udon't need a toolbar, why not just use a Container, where you can have buttons and the image?

  3. #3

    Default

    Thanks for the reply.

    I am using container now instead of toolbar but they are not coming horizontal align. They are coming row wise but I need column wise.

    I am using container in the page bottom.

    Please suggest something.

  4. #4
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,449
    Answers
    3997

    Default

    Make the items float

    Code:
    new Ext.Container({
        fullscreen : true,
        items      : [
            {
                xtype  : 'container',
                docked : 'top',
                height : 100,
                items  : [
                    {
                        xtype : 'button',
                        text  : 'One',
                        cls   : 'float-left'
                    },
                    {
                        xtype : 'button',
                        text  : 'One',
                        cls   : 'float-left'
                    },
                    {
                        xtype : 'button',
                        text  : 'One',
                        cls   : 'float-left'
                    }
                ]
            }
        ]
    });
    Code:
    .float-left {
        float: left;
    }
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Fullstack Engineer
    ________________
    Modus Create is based on the model of an open source team. We’re a remote, global team of experts in our field. To find out more about the work we do, head over to our website.

    Check out my GitHub:
    https://github.com/mitchellsimoens

Posting Permissions

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