앱은 종종 브랜드와 맞지 않습니다. 다른 스타일을 사용하고, 로고가 잘 맞지 않으며, 글꼴이 너무 일반적입니다. 실제로 원하는 것은 앱을 기업 앱 환경에 포함시키는 것입니다. 하지만 그렇게 하려면 모양과 느낌이 일치해야 합니다. 오늘, 우리는 여러분이 그렇게 할 수 있도록 돕는 몇 가지 새로운 기능을 출시합니다.
따라서 Mendix 테마 크리에이터 개발자가 멋진 앱을 만드는 데 도움이 되는 중요한 기능이 빠르게 부상하고 있습니다. 지난 몇 주 동안 Theme Creator의 두 가지 새로운 기능인 로고 가져오기와 Google Fonts API를 개발했습니다. 가장 좋은 점은 모든 것을 브라우저에서 미리 볼 수 있다는 것입니다!
로고 가져오기
마지막 Theme Creator 릴리스에서 로고를 가져올 수 있게 했지만 로고에서 브랜드 색상을 추출하여 Theme Creator에서 사용할 수 있도록 했습니다. 이번 릴리스에서는 한 단계 더 나아갔습니다. 로고를 업로드하면 브라우저에 바로 표시되고 로고는 테마 패키지의 일부가 됩니다.
로고는 테마 패키지의 루트 폴더에 저장됩니다. 우리 프레임워크에서 로고 경로는 다음에서 찾을 수 있습니다. _사용자 정의 변수.scss 파일. 여기서 우리가 만든 변수를 찾을 수 있습니다.
테마 패키지의 로고를 사용하지 않으려면 $brand-logo 변수를 다음과 같이 설정하기만 하면 됩니다. 그릇된.
Google Fonts API
따라서 Google Fonts API 모든 웹 페이지에 글꼴을 추가하는 데 도움이 됩니다. Google Fonts API를 사용하면 인기 있는 글꼴과 브랜드에서 이미 사용 중인 글꼴을 브라우저에서 직접 미리 볼 수 있습니다. Roboto, Open Sans, Lato를 포함하여 상위 40개 Google 글꼴 중에서 선택할 수 있습니다. Arial이나 Verdana와 같은 일반 글꼴 패밀리를 선택하는 것도 여전히 가능합니다.
Google Font에서 선택된 Mendix 테마 생성기는 프레임워크의 메인 파일에서 찾을 수 있습니다. _사용자 정의 변수.scss. 여기서 우리가 만든 변수를 찾을 수 있습니다. 더 이상 Google Font를 사용하지 않으려면 $font-family-import 값을 다음과 같이 설정하기만 하면 됩니다. 그릇된.
Theme Creator에 추가한 마지막 기능은 사이드바 텍스트 호버 색상을 변경할 수 있는 기능입니다. 이 기능은 커뮤니티에서 여러 번 요청했습니다.
개선 사항 Mendix UI 프레임 워크
기본적으로 행에 대해 수직 정렬 가운데를 추가하여 기본 데이터 그리드 스타일을 개선했습니다. 이렇게 하면 켜거나 끌 수 있는 인라인 편집 옵션이 개선됩니다. Mendix 모델러. 또한 기본적으로 데이터그리드 푸터의 스타일을 지정했습니다.
우리는 form-group과 input에 몇 가지 변경을 했습니다. form input은 이제 자동 높이를 사용합니다(이것은 또한 다음에 사용할 수 있습니다. 부트 스트랩 4) 고정된 높이 대신. 입력은 패딩을 사용하여 높이를 결정하므로 레이블이 항상 올바르게 정렬됩니다. 이 변경 사항은 다음에서 확인할 수 있습니다. 테마 크리에이터. 우리는 폼 그룹에 두 개의 변수를 추가했습니다: 거터(왼쪽과 오른쪽)의 패딩과 모든 폼 그룹의 하단 여백. 모든 것은 _custom-variables.scss 파일에서 찾을 수 있습니다.
또한 새로운 내비게이션 레이아웃을 추가했습니다. 이 레이아웃에는 메인 내비게이션이 있는 상단 바와 하위 내비게이션이 있는 사이드바가 포함되어 있습니다. 이 내비게이션 레이아웃은 Theming Starting Points 중 하나에서 사용할 수 있습니다.
피드백
피드백을 꼭 남겨주세요. Mendix 포럼 & Github 저장소!