1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    9
    Vote Rating
    0
    Carsten S. is on a distinguished road

      0  

    Default Answered: Image after List like left menu at kitchensink?!

    Answered: Image after List like left menu at kitchensink?!


    Hello folks,
    im new at sencha and .js...

    i try to learn with the kitchensink. in the left card of the dem you see the little Kitchensink logo. how can i place a logo after a list? i try me out with the mondrian toutorial, this is my list code:

    Code:
     var menuList = viewport.menuList = new Ext.List({
                store: this.stores.pages,
                itemTpl: '{title}',
                allowDeselect: false,
                singleSelect: true,
                    plugins: [{
                            ptype: 'pullrefresh',
                            autoPaging: true,
                    }]
    });
    This is the viewport
    Code:
    var menu = viewport.menu = new Ext.Panel({
                items: [menuList],
                layout: 'fit',
                width: 250,
                dock: 'left',
                border: true,
            });

    what must i write in the css to create a image AFTER the list?

    I Hope you understand my question

  2. Use Chrome dev tools or Safari web inspector. There is an Element tab that you can see the DOM.

    The issue is the CSS selector is only being used on the nested list:

    Code:
    .x-tablet .x-fullscreen > .x-nested-list .x-list-item:last-child:after, .x-desktop .x-fullscreen > .x-nested-list .x-list-item:last-child:after
    the .x-nested-list is controlling this... try to change it to x-list for both x-nested-list instances there.

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,754
    Answers
    3462
    Vote Rating
    827
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    This is the CSS that adds it:


    Code:
    .x-tablet .x-fullscreen > .x-nested-list .x-list-item:last-child:after, .x-desktop .x-fullscreen > .x-nested-list .x-list-item:last-child:after {
      content: "\00a0";
      position: absolute;
      bottom: -80px;
      margin-bottom: 20px;
      left: 110px;
      width: 30px;
      height: 43px;
      background-image: url(../img/sencha_small.png);
    }
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #3
    Sencha User
    Join Date
    Jan 2012
    Posts
    9
    Vote Rating
    0
    Carsten S. is on a distinguished road

      0  

    Default


    Hey Mitchell,

    i have allready try this. I have add this in my custom.css, but it issnt showing up in my list...
    do you need more sourcecode?

    thank you for your help!

  5. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,754
    Answers
    3462
    Vote Rating
    827
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Are you using it in a nested list not just a regular list? Is the CSS classes selecting the right element?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  6. #5
    Sencha User
    Join Date
    Jan 2012
    Posts
    9
    Vote Rating
    0
    Carsten S. is on a distinguished road

      0  

    Default


    is use a normal list.


    how can i see if i select the right css element?

    Sorry i'm new at css and .js

    where can i see which element uses with css class?

  7. #6
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,754
    Answers
    3462
    Vote Rating
    827
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Use Chrome dev tools or Safari web inspector. There is an Element tab that you can see the DOM.

    The issue is the CSS selector is only being used on the nested list:

    Code:
    .x-tablet .x-fullscreen > .x-nested-list .x-list-item:last-child:after, .x-desktop .x-fullscreen > .x-nested-list .x-list-item:last-child:after
    the .x-nested-list is controlling this... try to change it to x-list for both x-nested-list instances there.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  8. #7
    Sencha User
    Join Date
    Jan 2012
    Posts
    9
    Vote Rating
    0
    Carsten S. is on a distinguished road

      0  

    Default


    ok, its WORK! Thank you, this was the right question.

    i have found the class with the safari developer mode.

    For other User, this add a Image under your List:

    Code:
    .x-list .x-list-item:last-child:after, .x-desktop .x-fullscreen > .x-list .x-list-item:last-child:after {
      content: "\00a0";
    position: absolute;
      bottom: -80px;
      margin-bottom: 20px;
      left: 110px;
      width: 30px;
      height: 43px;
      background-image: url(./button.png);
    }
    @Mittchel, a question at the site: I Have a Card Layout, in the left frame i have the list, if i touch a link in this list, the content change on the right side.
    how can i animate this? i have try all, but its only slide or flip on the iphone if the menu is disapear... on the ipad where the menu and the car on one scree, i cant animate it. (i hope you understand my English )

  9. #8
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,754
    Answers
    3462
    Vote Rating
    827
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    If you have two items in a card layout, you can use the cardSwitchAnimation config on the container that has the card layout. Or if you use setActiveItem the 2nd argument you can pass in would be an anim config.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  10. #9
    Sencha User
    Join Date
    Jan 2012
    Posts
    9
    Vote Rating
    0
    Carsten S. is on a distinguished road

      0  

    Default


    i have try the following, it wont work :/
    Code:
    var page = viewport.page = new Ext.Panel({
                cls: 'page',
                layout: 'card',
                cardSwitchAnimation: 'slide',
                cover: true,
                styleHtmlContent: true,
                tpl: '<h2>{title}</h2>{content}',
                scroll: 'vertical',
            });

  11. #10
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,754
    Answers
    3462
    Vote Rating
    827
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Try adding the fullscreen config to true. Once that component is created, fullscreen will make it appear with 100% height and width.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi