• Trang chủ
  • Hướng dẫn
  • Module
  • Đại lý
  • FAQ
  • Blog
    • Tin tức
    • Thông báo phát hành
  • Đăng nhập
  • Đăng ký miễn phí
  • Trang chủ
  • Hướng dẫn
  • Module
  • Đại lý
  • FAQ
  • Blog
    • Tin tức
    • Thông báo phát hành
  • Đăng nhập
  • Đăng ký miễn phí
Trang chủ/Hướng dẫn/Giao diện ứng dụng/Tuỳ chỉnh chiều cao của menu Module

Tuỳ chỉnh chiều cao của menu Module

12 lượt truy cập 0

Hướng dẫn tại đây giúp bạn tuỳ chỉnh chiều cao của menu Module của bạn.

Hãy xem hình ảnh sau:

Để thực hiện tuỳ chỉnh này, đi đến phần tuỳ chỉnh CSS nâng cao tại TAB Màu sắc, dán đoạn code sau:

 

.layout.l6 ion-content { 
    height: 80%; 
}

 

Bạn có thể thay đổi biến   height   theo tỷ lệ % để phù hợp với thiết kế của bạn.

Bạn có thể áp dụng code này cho các giao diện khác nhau, chỉ cần thay   layout.l6   thành  layout.lX  , với  X  là số của giao diện.

Ví dụ: Thay đổi   layout.l6   thành    layout.l5

Bạn đã hoàn tất.

Bài viết này có giúp ích gì cho bạn không ?

Có  Không
Cùng chuyên mục
  • Tuỳ chỉnh nút Menu cho các giao diện.
  • Tuỳ chỉnh chiều cao tuỳ chọn Hình ảnh trong Module Tuỳ chỉnh
  • Xoá bỏ nút điều hướng trong các mẫu giao diện số 3 – số 4 – số 5
  • Tuỳ chỉnh giao diện cho Mẫu số 18
  • Chuyển đổi hiển thị trong Module Catalog
  • Làm thế nào để tuỳ chỉnh vị trí tiêu đề Module ?
Có thể bạn quan tâm
  • Hướng dẫn các bước Xuất bản ứng dụng Android
  • Module Thương mại điện tử
  • Tạo Chứng chỉ Phân phối iOS (iOS Distribution Certificate)
  • Làm thế nào để thay đổi icon hình ảnh của Module
  • Quảng cáo AdMob sẽ xuất hiện trong ứng dụng của tôi như thế nào ?
Danh mục hướng dẫn
  • Bắt đầu 7
  • Các bước tạo ứng dụng di động 6
  • Giao diện ứng dụng 12
    • Tuỳ chỉnh giao diện với CSS 22
  • Các Module ứng dụng 60
  • Xuất bản ứng dụng Android 4
  • Xuất bản ứng dụng iOS 13
  • Tuỳ chỉnh và Nâng cao 26
    • Sử dụng HTML trong ứng dụng 13
  • Kiếm tiền với AdMob 5
  • Ứng dụng Android và các vấn đề đã biết 1
  • Ứng dụng iOS và các vấn đề đã biết 1
  • Gỡ lỗi 2
  • Dành cho Nhà phát triển 4
    • Tài liệu API 1
  • Các vấn đề khác 4
  • Chính sách bảo mật
  • Điều khoản sử dụng
  • © 2017 - 2020 AppTeng - phát triển và Vận hành.