Results 1 to 5 of 5

Thread: Sencha touch 2: Jquery mobile in Sencha?

  1. #1
    Sencha User
    Join Date
    Nov 2012
    Location
    Bangalore, India
    Posts
    3
    Vote Rating
    0
      0  

    Default Sencha touch 2: Jquery mobile in Sencha?

    Is it possible to embed jquery mobile forms inside sencha touch 2 code?? If yes How to achive the same ?
    any idea please....

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3931
    Vote Rating
    1272
      0  

    Default

    Why not just use Sencha Touch 2 forms?
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Nov 2012
    Location
    Bangalore, India
    Posts
    3
    Vote Rating
    0
      0  

    Default

    I need to create stylish forms as in jquery mobile. Is there any way I can do that in sencha touch 2?

  4. #4
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3931
    Vote Rating
    1272
      0  

    Default

    So far sounds like you can dump jQuery Mobile and use Sencha Touch only.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  5. #5
    Sencha User
    Join Date
    Feb 2011
    Location
    Dsseldorf, Germany
    Posts
    594
    Answers
    35
    Vote Rating
    33
      0  

    Default

    To do so in Sencha I usually create a new baseCls for my field elements.
    Before I do so, I copy the stuff from sencha (chrome - select input field and copy the stuff from x-field ...)

    That could be something similar to the following:

    Code:
    .baseClsName-field{
      background: ...;
      display: -webkit-box;
      display: box;
      min-height: 2.5em;
    
    
      .x-form-label{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    
    
        text-shadow: white 0 1px 1px;
        color: $baseClsColor;
        padding: 0;
        display: -webkit-box !important;
        background-color: #F7F7F7;
    
    
        span{
          font-size: 1em;
          font-weight: normal;
        }
      }
    
    
      .x-component-outer{
        -webkit-box-flex: 1;
    
    
        .x-field-input{
          width: 100%;
          position: relative;
          min-width: 3.7em;
          padding: 0;
    
    
          input{
            -webkit-user-select: text;
          }
    
    
          .x-input-el{
    
          }
    
    
          .x-clear-icon{
          }
        }
      }
    }
    I hope this keeps you from adding jQuery into Sencha

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
  •