Create UI for mobile App with html

Discussions regarding 1C:Enterprise for mobile devices with Android, iOS, or Windows Phone.

Pages: 1

Duc Tien NGUYEN	#1 People who like this: 0 Yes / 0 No Apr 13, 2020 12:39 PM
Active user Rating: 2 Joined: Oct 14, 2019 Company: 1c Vietnam	Hi every one, I make an application to make order in mobile then send to server. The function is now work correctly but on the side of UI. It seem to be not good. You can see my app's list form in mobile: I read this topic: https://1c-dn.com/blog/simple-and-beautiful-interface/ But It is difficult for newbie like me. Can you help me, how to create the list form like the topic? Many Thanks in Advance, Duc Tien NGUYEN Edited: Duc Tien NGUYEN - Apr 13, 2020 12:48 PM

Duc Tien NGUYEN	#2 People who like this: 0 Yes / 0 No Apr 13, 2020 12:48 PM
Active user Rating: 2 Joined: Oct 14, 2019 Company: 1c Vietnam	Edited: Duc Tien NGUYEN - Apr 13, 2020 12:49 PM

Pages: 1

Users browsing this topic (guests: 1, registered: 0, hidden: 0)

/* Улучшаем читаемость списков в документации */ .workarea ul, .content ul { margin: 15px 0 20px 25px !important; padding: 0 !important; list-style-type: disc !important; } .workarea li, .content li { margin-bottom: 8px !important; padding-left: 5px !important; line-height: 1.6 !important; } /* Ультимативный фикс для всех уровней заголовков в контенте */ .workarea h1, .workarea h2, .workarea h3, .workarea h4, .workarea h5, .workarea h6, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6, div[id*="content"] h5, div[class*="content"] h5 { display: block !important; font-weight: 700 !important; color: #005aa0 !important; /* Наш фирменный синий */ text-transform: none !important; margin-top: 30px !important; margin-bottom: 15px !important; line-height: 1.2 !important; font-family: Arial, sans-serif !important; } /* Принудительные размеры в пикселях (чтобы не зависеть от % или em) */ .workarea h1, .content h1 { font-size: 28px !important; } .workarea h2, .content h2 { font-size: 24px !important; } .workarea h3, .content h3 { font-size: 21px !important; } .workarea h4, .content h4 { font-size: 19px !important; } .workarea h5, .content h5 { font-size: 18px !important; } /* Для 5 решеток ##### */ .workarea h6, .content h6 { font-size: 16px !important; } /* Фикс, если Битрикс добавил лишние отступы перед списками после заголовка */ .workarea h5 + ul, .content h5 + ul { margin-top: 5px !important; }

Download brochures