javascript - How to specify Ionic features look style? -


the ionic framework customizes looks of features according plataform running app, android or ios, know has third unique ionic.

my question is, there way specify how , especific feature should like? if want popovers android style , action sheets ios style, in same app, no matter platform app been build?

there has way, otherwise there wouldn't ionic style things, in example: http://codepen.io/ionic/pen/gpcst

i have tried setplatform function example without success.

$scope.setplatform = function(p) {   document.body.classlist.remove('platform-ios');   document.body.classlist.remove('platform-android');   document.body.classlist.add('platform-' + p);   $scope.demo = p; }

there few ways things this, should clear there limits ionic supports out of box platform specific design. when comes choosing ios specific styling 1 component , android styling another, can difficult situations.

some components have config options.

look @ http://ionicframework.com/docs/api/provider/$ionicconfigprovider/ , you'll see components can configured globally such tabs, navbars, form elements, , perhaps others in future.

you can target css modify component platform

you've seen body has platform-ios or platform-android class applied depending on device. could manually change class depending on view. however, applied body entire current view have adopt same ios or android styling. better yet, can write css override existing styles make see fit (and ionic encourages this). things possible control if modify sass variables , rebuild ionic css using sass build feature.

selectively use components

you detect platform in controllers determine if should use popover on android or action sheet ios. http://ionicframework.com/docs/api/utility/ionic.platform/ logical condition in controller first check platform, , trigger appropriate component.

that covers primary ways i've come across. can of course target own css override default values own designs disregard platform design continuity features. these covered in book ionic in action if want examples , more detail.


Comments

Post a Comment

Popular posts from this blog

shopping cart - Page redirect not working PHP -

im trying redirect user when click "empty cart". redirect working "add cart" not "empty cart". ideas great. in main .php file set current url seen $current_url = base64_encode("http://$_server[http_host]$_server[request_uri]"); then below cartaction.php file handles actions such "add cart" , "empty cart" <?php session_start(); include_once 'config.php'; //add item in shopping cart if(isset($_post["add"])) { $product_id = $_post["product_id"]; //product id $return_url = base64_decode($_post["return_url"]); //return url $qty = $_post["qty"]; $product = $mysqli->query("select product_name, unit_price, unit_quantity products product_id = '$product_id'"); $obj = $product->fetch_object(); if(!isset($_session['products'])) { $_session['products'] = array(); } if(array_key_exists($product_id...
Read more

php - How to modify a menu to show sub-menus -

i have custom php menu made person, displays categories menu. however, need display subcategories well. tried adding hierarchical parameter didn't work. hoping assistance! here code: <ul> <?php /* categories wp e-commerce products */ $wpec_product_categories = get_terms( 'wpsc_product_category', 'hide_empty=0&parent=0&exclude=298'); $myarray = array(); foreach($wpec_product_categories $wpec_categories){ $myarray[$wpec_categories->term_id]['name'] = $wpec_categories->name; $myarray[$wpec_categories->term_id]['slug'] = $wpec_categories->slug; $myarray[$wpec_categories->term_id]['term_id'] = $wpec_categories->term_id; } foreach($myarray $wpec_categories1){ $wpec_term_name = $wpec_categories1['name']; $wpec_term_slug = $wpec_categories1['slug']; $wpec_term_id = $wpec_categories1['term_id']; echo '<li> <a href="'.get_page_link(19)....
Read more

python - Installing PyDev in eclipse is failed -

unable read repository @ http://pydev.sf.net/updates/content.xml. sun.security.validator.validatorexception: pkix path building failed: sun.security.provider.certpath.suncertpathbuilderexception: unable find valid certification path requested target i installing pydev in eclipse using python, doesn't install successfully. gives above error. happened? how solve error? i had error when trying install on laptop behind corporate firewall. couldn't tell setup of firewall, not sure of root cause. i got passed error installing pydev eclipse when out behind firewall. another way got around have eclipse on non-firewalled machine, install pydev eclipse, , copy whole eclipse directory non-firewalled machine firewalled machine. there better way, , way fix properly, didn't have time work out firewall doing. this on windows 7 machine (yeah know) not work *nix versions installed through package manager yum or apt.
Read more