material-design

How to remove three dots from the toolbar of navigation drawer

老子叫甜甜 提交于 2019-12-11 05:23:58
问题 I want to remove that 3 dots from toolbar and also want to add an image with textview on that position.That image and textviews are different for each fragment activity. Also can anyone tell me how to make the toolbar transparent. 回答1: In your MainActivity you will have optionmenu, just make it false @Override public boolean onCreateOptionsMenu(Menu menu) { return false; } 回答2: 1)your First Question about removing three dots (Aditya -Vyas )solved your prob @Override public boolean

Hiding BottomNavigationView on scroll

自闭症网瘾萝莉.ら 提交于 2019-12-11 05:15:33
问题 I am implementing the bottom navigation bar of the material design https://material.io/guidelines/components/bottom-navigation.html It suggests that while scrolling down , we should hide the bar , and show it while scrolling up. I am a little lost in how to go about this. Should I have to manually do that , or there is some functionality built in inside the view that would do it. Do I have some behaviour for this ? (as the bottomnavigation is a child of coord layout) 回答1: This is work for me.

Can't compile new Material library in Gradle

旧时模样 提交于 2019-12-11 04:25:37
问题 I can't add the new Material Design library. When I add compile 'com.google.android.material:material:1.0.0-alpha1' and I sync the project, I get this two errors: error: resource android:attr/fontVariationSettings not found. error: resource android:attr/ttcindex not found. My build.gradle : apply plugin: 'com.android.application' android { compileSdkVersion 27 defaultConfig { applicationId "rockthesport.com.pruebasmaterial" minSdkVersion 19 targetSdkVersion 27 versionCode 1 versionName "1.0"

How to create a form similar to Google's sign-in form?

三世轮回 提交于 2019-12-11 04:25:02
问题 Currently I am working on a site in which I am making a contact form inspired by Google's material design sign-in form. The effect that I want is like when I click on the input field, the value (which is a label) should change it's position, size and color. It has been successfully implemented too but the effect is only taking place in the input fields with "required" attribute. The same effect cannot be achieved in the default input fields. .civildaily-form { display: block; } .civildaily

Using material design with VueJS

痴心易碎 提交于 2019-12-11 04:19:05
问题 I'm building a web app with VueJs and need a css framework to design something not from scratch! I found material-design-lite (www.getmdl.io) but i couldn't make it work properly with vue-router. My first page is correctly displayed but when i try to move to another page, i have this error : vue.esm.js?65d7:467 DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node. I thought it was because of the "Use MDL on

BottomAppBar being pushed off screen

狂风中的少年 提交于 2019-12-11 04:09:56
问题 When I switch from any fragment back to Shopping List with the bottom app bar, it gets pushed down off the screen and I don't know why. Switching between the Fridge Fragment and Pantry Fragment works great, but switching from either of those back to the Shopping List Fragment pushes the bar off the screen, as shown here: Github repository with full code 回答1: Try with these changes for FrameLayout and I guess you won't need fragment_navigation.xml after that. activity_main.xml : <androidx

Material ripple effect on table row

孤人 提交于 2019-12-11 03:49:52
问题 I'm playing with google material design bootstrap theme by FezVrasta Most of components working and looking great, but ripple effect on table row not working properly for me. Demo: jsfiddle.net table > tr > td {position:absolute;} Absolute position helps but destroys table structure. 回答1: You cannot add anything other than <td> into a <tr> . In other words, You can only have this effect for <td> . This is an HTML limitation. 来源: https://stackoverflow.com/questions/29105677/material-ripple

Different mdl-layout__drawer for large screen and small screen in MDL

社会主义新天地 提交于 2019-12-11 02:49:31
问题 I, am trying to create two different mdl-layout__drawer for small screen and large screen. As per the below code only on small screen the mdl-layout__drawer is showing it is not showing on large screen. <div class="mdl-layout__drawer mdl-layout--large-screen-only"> <span class="mdl-layout-title"><img src="~/images/transfeteBirdLogo.png" width="80" height="80" /></span> <nav class="mdl-navigation"> <a class="mdl-navigation__link" href="">Link21</a> <a class="mdl-navigation__link" href="">Link<

Material Design support below Lollipop - crashes

和自甴很熟 提交于 2019-12-11 02:47:26
问题 I've been trying to implement the Material Design theme, following these instructions. I'm not using ToolBar (must I?) ALL my Activities extends ActionBarActivity. Using getSupportActionBar() all across the project. I'm compiling and targeting to API 21 in gradle (minimun is API 15). My <application> tag contains android:theme="@style/AppTheme" Running the application on Lollipop device (with a specific v21 similar theme works). My styles.xml: <style name="AppBaseTheme" parent="@style/Theme

SlidingTabLayout: replace with fragment

喜欢而已 提交于 2019-12-11 02:28:52
问题 I've the following situation: Linear Layout ToolBar SlidingTabLayout ViewPager FrameLayout Initially, I only add a fragment to the FrameLayout, and all works. Next I remove this fragment, create new Adapter, and bind adapter to the SlidingTabLayout. All works again, but now I need to set tab visibility to false, and I do this with slidingTabLayout.setVisibility(View.GONE); but I also need to replace the current view with a new fragment. Usually I do this with: getFragmentManager().replace