material

Date validation using angular material date picker

霸气de小男生 提交于 2019-12-24 05:56:20
问题 I am trying to validate dates using the material date picker. Specifically what I am trying to validate is when the user types 'abc' into a date field I would like to show them 'please enter a valid date'. I would like to be able to do that on keystrokes so when they enter 'a' and 'ab' and 'abc' they get the same error. The problem is the date picker appears to not set the model value and its errors until the value is able to parse to a date. I know this because the form control is not dirty

Error compiling Android app with Material Components and androidX

无人久伴 提交于 2019-12-24 03:39:16
问题 Android application suddenly refuses to build, it returns this error: Android resource linking failed error: resource style/Theme.MaterialComponents.Light.NoActionBar (aka it.duemilanet.icircle:style/Theme.MaterialComponents.Light.NoActionBar) not found. D:\GitLab\iCircleAndroidRMA\app\build\intermediates\incremental\mergeDebugResources\merged.dir\values\values.xml:1440: error: style attribute 'attr/colorSecondary (aka it.duemilanet.icircle:attr/colorSecondary)' not found. error: resource

Angular 2 + Material: Unable to use map-get with 2nd parameter “text”, “card” and others

大城市里の小女人 提交于 2019-12-24 03:27:41
问题 Using Angular 2 (4) + Material, I need to customize a component's theme. I first try with the built in palettes but keep getting "error: undefined". It works only if map-get is passed "primary", "accent" or "warn" as second parameter: styles.scss @import '~@angular/material/theming'; @include mat-core(); @import 'app/app.component.scss-theme'; $default-theme-primary: mat-palette($mat-light-green); $default-theme-accent: mat-palette($mat-indigo); $default-theme-warn: mat-palette($mat-red);

appcompat_v7 errors

时光毁灭记忆、已成空白 提交于 2019-12-24 02:32:41
问题 I've found out that Material support library (an updated appcompat-v7) is coming on October 17. Today I've tried to create an android project, but I've got about 100 errors connected to the Material design. Something like that: error: Error retrieving parent for item: No resource found that matches the given name '@android:TextAppearance.Material.SearchResult.Subtitle'. styles_base.xml /appcompat_v7/res/values-v21 line 168 Android AAPT Problem Please, help me, how to resolve this problem? 回答1

WebGL / Three.js Different materials on one complex object (grid)

☆樱花仙子☆ 提交于 2019-12-24 01:25:30
问题 In order to increase performance i render grid to one THREE.Geometry() object in such loop: build : function(){ // simplified square = new THREE.Geometry(); face = 0; for( r = 0; r < this["rows"]; r++) for( c = 0; c < this["cols"]; c++) // creates square square.vertices.push(new THREE.Vector3( x, y, z)); square.vertices.push(new THREE.Vector3( x + w, y, z)); square.vertices.push(new THREE.Vector3( x + w, y - h, z)); square.vertices.push(new THREE.Vector3( x, y - h, z)); square.faces.push(new

超简单实用的前端分页---jquery插件

蓝咒 提交于 2019-12-23 23:09:02
首先,谈谈分页,目前我所了解的分页有两种,前端分页跟后台分页.   简单说说前端分页.是通过前端技术拿到所有的数据,在前端分页处理;   而后台分页是通过前端操作,给后台返回不同的值,再由后台返回所对应的数据. 最近,下载了很多前端分页插件.感觉性价比不是模糊不清,就是显示不是自己想要的,所以想自己动手写一个属于自己的插件 这是一个面向对象思想的插件.第一次用面向对象的思想,肯定有很多不足的地方.希望能互相讨论,一起上进. 这是效果图.看起来一般,但是他的css可重塑性高 接下来将附上自己的代码. css代码 #pages{ overflow: hidden;}.lf{ float: left; height: 28px; line-height: 28px;}.rt{ float: right;}#mid{ margin: 0 5px; overflow: hidden;}#mid>span{ float: left; width: 18px; height: 18px; line-height: 18px; text-align: center; border: 1px solid #ccc; margin: 5px;}.btn{ margin: 0 10px; color: #fff; background-color: #000; display: inline-block

CosmicMind/Material SideMenu, how to change viewController?

╄→гoц情女王★ 提交于 2019-12-23 05:19:30
问题 I am using CosmicMind/Material with a SideMenu, like in this example: here, but I can not figure out how to change (load) another view controller when I push a cell of the Menu. To illustrate, in the example Material/Example/App, I would like to click on "inbox" and load the InboxViewController. 回答1: To change the mainViewController area of the SideNavigationViewController, use the transitionFromMainViewController method. You would also need a reference to the SideNav... and to get one from

How to change tabs width in material UI

▼魔方 西西 提交于 2019-12-22 09:57:56
问题 I am using material UI tabs v0.20.0 for display content in tabular format. Tabs are taking full width. I have attached screenshot of expected and current output . Expected output Current Output Please let me know solution for same. Thanks in advance 回答1: If you want tabs of fixed width, you need to override the root css class passed to the Tab component, where you have to override both the minWidth and width attributes. Example: const Component = ({ classes }) => ( <Tabs value={0}> <Tab

how to use google material icons as class instead of <i> tag

…衆ロ難τιáo~ 提交于 2019-12-19 03:24:38
问题 According to the guideline in the Google Material website we have to use material icons in _ i _ tag. the question is how to add the icons as font-awesome. something like : Class="material-icons face" instead of <i class="material-icons"> face </i> 回答1: Yes,you can add the material icons as classes using the after pseudo elements.check out the fiddle <span class="material-icons face"></span> .face { position:relative; display:inline-block; } .face:after { content: "face"; } 来源: https:/

How to get password field value in react's material-ui

試著忘記壹切 提交于 2019-12-19 02:49:13
问题 I am not able to access the value of <TextField /> , if i don't write <input type='password'/> then it works fine, but for this i am getting a TypeError, ' this.refs[this._getRef(...)].getInputNode is not a function '. dialogAction(tag,e){ console.log(this.refs.password); console.log(this.refs.password.getValue()); this.refs.dialog.dismiss(); } render(){ let self = this; let row = this.row,col = this.column; let standardActions = [ { text: 'Cancel',onTouchTap: this.dialogAction.bind(this