material-design

I am trying to create a grid of three cards per row using ng-repeat. I have a normal array of javascript objects attached to the scope. The code below will create a fresh row for every card. <div layout="row" ng-repeat='post in posts' layout-fill="" layout-align=""> <md-card> <md-card-content> <h2 class="md-title">{{post.title}}</h2> <p> {{post.summary}} </p> </md-card-content> <div class="md-actions" layout="row" layout-align="end center"> <md-button>View More</md-button> </div> </md-card> <br> How can I iterate over my array and display the cards in rows of three? I looked at this post and

I've been trying to change the color of the EditText line on the bottom, but my EditText still doesn't wanna change the color, but it's using the style from Material . I've tried to change the color following these answer: link So I have an EditText with the Material form but not the colors I've set. I've put appcompat-v7 in my Gradle config file, and it's already working for the color primary. <style name="AppBaseTheme.MiddleTheme.Widget.EditText" parent="Theme.AppCompat.Light"> <item name="colorPrimary">@color/middle_primary</item> <!-- Those 3 lines are staying in red war in IntelliJ but it

I have the following select component that gets populated from a data coming from a rest api. How Can I set default selected value on md-select? <md-select placeholder= "Warehouse" style="width: 100%" [(ngModel)]='selectedProductWarehouse.warehouse' name="Warehouse" required #Warehouse="ngModel"> <md-option *ngFor="let warehouse of warehouses" [value]="warehouse">{{warehouse.description}}</md-option> </md-select> you may try below, Component HTML <md-select placeholder="Favorite food" [(ngModel)]="selectedValue" name="food"> <md-option *ngFor="let food of foods" [value]="food.value" > {{food

WhatsApp has such Toolbar: When 'Search' menu item clicked, from the top SearchView comes down which takes whole space of toolbar: When I tried to implement SearchView, it looks like this: I found some libraries to implement this: Android Material SearchView by Eugene Horan and MaterialSearchView by krishnakapil . But they are not like in WhatsApp. This question may seem weird, I could not find the way how to do this. So my question is how to implement WhatsApp like material design SearchView which comes from the top? I have developed a well received library by the comunity. Does exactly what

I've managed to change the navigationbar height by using my own navigationbar, but the title is still centered. I want it to be at the 72px position from the left. override func sizeThatFits(size: CGSize) -> CGSize { return CGSizeMake(UIScreen.mainScreen().bounds.width, 56) } I used this to change the height but I didn't find a way to change the position of all the items. I tried to set the frame but I can't. I can't change the position of the button too. i wanna look like this Create a UIView object add UIButton and UILabel in it to show a similar view. Add this custom view into left bar