jquery - how to make button in ionic + css -

-

i need design toolbar in ionic .i able make tool bar not similar in below pic.in given image buttons small height , small font .second thing second button bigger than rest .in given image button have different width .can make same button in ionic tried in ionic not able make same above how make same type of toolbar in ionic show in image

here code

![<html ng-app="ionicapp">  <head>   <meta charset="utf-8">   <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">    <title>tabs example</title>    <link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">   <script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script> </head>  <body>  </body> <ion-view>     <ion-header-bar align-title="center" class="bar-balanced">         <div class="buttons">             <i style="font-size:30px;" class='icon ion-chevron-left'></i>         </div>         <h1 class="title">account</h1>     </ion-header-bar>     <ion-content>         <div class="button-bar">             <a class="button" ui-sref="d" ui-sref-active="button-balanced">details</a>             <a class="button" ui-sref="lunch" ui-sref-active="button-balanced">related</a>             <a class="button" ui-sref="dinner" ui-sref-active="button-balanced">sad</a>             <a class="button" ui-sref="dinner" ui-sref-active="button-balanced">ss</a>         </div>       </ion-content> </ion-view> </html>]

try adding in css @ bottom else may need use !important.

.button-bar > .button:first-child{   border-top-left-radius: 10px !important;   border-bottom-left-radius: 10px !important; }  .button-bar > .button:last-child{     border-top-right-radius: 10px !important;   border-bottom-right-radius: 10px !important; }

i have updated sample


Comments

Post a Comment

Popular posts from this blog

html - height not adding height to a empty div -

-
hey guys new bootstrap , have following html :: <div class="col-md-6 clients"> <div class="col-xs-4"><img src="img/1.jpg" alt="" class="img-responsive"></div> <div class="col-xs-4"><img src="img/1.jpg" alt="" class="img-responsive"></div> <div class="col-xs-4"><img src="img/1.jpg" alt="" class="img-responsive"></div> <div class="col-xs-4"><img src="img/1.jpg" alt="" class="img-responsive"></div> <div class="col-xs-4"><img src="img/1.jpg" alt="" class="img-responsive"></div> <div class="col-xs-4"><img src="img/1.jpg" alt="" class="img-responsive"></div> </div> now after 1st 3 col-xs-4 wan...
Read more

Oracle SQL. How to select specific IDs where value of columns specify criteria? -

-
i have following statement/query: select table1.file_id, table1.status, table2.status table1 inner join table2 on table1.file_id = table2.file_id; the result follows: file id | status table 1 | status table 2 ----------------------------------------------------- 5500002 | ax | ics 5500002 | ax | icso 5500002 | axo | ics 5500003 | ax | ics 5500003 | ax | ics 5500003 | ax | ics 5500004 | null | icso test 5500004 | axo | ics 5500004 | ax | null i need each file id check 4 statuses: - ax - axo - ics - icso i want run select on file id s cover 4 statuses. can see file id occurs multiple times , i'd want query return file id fulfills requirement, in instance return 5500002 , 5500004. for 550000...
Read more

python - Robot Framework location and name of keyword -

-
i want create python library 0 argument function custom robot framework keywords can call. needs know absolute path of file keyword defined, , name of keyword. know how similar test cases using robot.libraries.builtin library , ${suite_source} , ${test name} variables, can't find similar custom keywords. don't care how complicated answer is, maybe have dig guts of robot framework's internal classes , access data somehow. there way this? thanks janne able find solution. from robot.running.context import execution_contexts def resource_locator(): name = execution_contexts.current.keywords[-1].name libname = execution_contexts.current.get_handler(name).libname resources = execution_contexts.current.namespace._kw_store.resources path = "" key in resources._keys: if resources[key].name == libname: path = key break return {'name': name, 'path': path} execution_context...
Read more