Проблема Адаптация веб страниц к браузерам андроид и IOS.

[Ficoos]

Доброго времени суток, гуру!
Написал для работы несколько страниц xPage - на компе работает отлично. Теперь надо адаптировать к мобильникам. Размеры на мобильных браузерах явно мелковаты, хотя делал и шрифты и размеры таблиц большими.
Вопрос: как-то можно адаптировать?
И еще: мне надо по одной кнопке сделать 2 API запроса. Второй, почему-то, не выполняется. Пытался обойти, переведя создания запросов и их выполнение в разные функции - получилось, но работает не всегда. Кто-нибудь смог решить эту проблему?

 

[NetWood]

Не однократно писал говорил и продолжу, что xpage мёртвая плохо адаптированная технология с постоянным натягиванием совы на глобус. Не нужна она от слова совсем. Решается все все подключением jquery и других фрейморков на готовом интернет шаблоне с правильно написанными стилями css которые лежат вообще локально в папке html. Также как и скрипты js. Адаптивный дизайн вобще к домино не имеет никакого отношения. Это просто внешние подключаемые стили которые можно на каждую страницу отдельно подключить.

Дизайнера достаточно вообще 7 версии. Используйте домино как базу данных. Сделайте формы с html кодом. Подключите в заголовки одним полем все локальное. Забирайте оттуда только данные аяксом и все у вас будет адаптивно и шоколадно. Почитайте в ветке класик web/ Сайт в подписи полностью доминошный.

 

[NetWood]

Например, содержимое общего для всех форм поля $$HTMLHead.

ListHTML1:="\\":"'":"<":">" : "'": "\"":"(":")":":":"?":"!"; REM {чтобы прибить скрипты};
ListHTML2:="\\\\":"&acute;":"&lt;":"&gt;" : "": "'":"":"":"":"";
ListHTML2:="\\\\":"":"":"":"":"":"":"":"":"":"";
CR :=@NewLine;
anticashe:= "?open&amp;_="+@Text(@Minute(@Now))+@Text(@Second(@Now));

home :="<meta name=\"description\" content=\"description content\">"+@NewLine+
"<meta name=\"keywords\" content=\"keywords, content\">"+@NewLine;

about:="";
keywords :=HTML_Keywords;
listnum:="1":"2":"3":"4":"5":"6":"7":"8":"9":"0";
keywords:= @Transform(@Unique(@Explode(keywords)); "xn";@If((@Length(xn)<4 | @Contains(xn;listnum) );@Nothing;xn)); REM {убить текст меньше 4 и все содерж числа};
keywords:= @LowerCase(@Implode(keywords;", "));

description := @If(description="";
@DbTitle+" — "+Title +@If(@Trim(SubTitle)="";@Nothing;" — "+SubTitle);
description);

description :="<meta name=\"description\" content=\""+description+"\" lang=\"ru\">";
keywords :="<meta name=\"keywords\" content=\""+keywords+"\">";
index := @If(@Contains(@LowerCase(PATH_INFO);"cart":"feedback");@NewLine+"<meta name=\"robots\" content=\"noindex,nofollow\">";@NewLine+"<meta name=\"robots\" content=\"index,follow\">"+@NewLine+"<meta name=\"yandex\" content=\"all\"/>");

resource:="<meta name=\"resource-type\" content=\"Document\">"+@NewLine+
"<meta name=\"document-state\" content=\"Dynamic\">"+@NewLine+
"<meta name=\"revisit-after\" content=\"14 days\">"+@NewLine+
"<meta http-equiv=\"Pragma\" content=\"no-cache\">" +@NewLine;

REM {протокол HTTPS/HTTP с 17.12.2022 подключен сертификат SSL};
http :="http"+@If(Server_Name="xxxxxx.ru"; "s"; "")+"://";

basehref := @If(
Server_Name="localhost";"<base href=\"http://" + Server_Name + "/" + @WebDbName + "/" +"\">";
"<base href=\""+http + Server_Name + "/site/" +"\">");

dir := @If(
Server_Name="localhost";"/site_xxxxxx";
@nothing);

canonical := "<link rel='canonical' href=\"http://" + Server_Name + "/" + @WebDbName + "/" +"\">";
sicon :="<link rel=\"shortcut icon\" href=\"/favicon.ico\""+" type=\"image/x-icon\">";

REM {

Ссылка скрыта от гостей

};
REM {

Ссылка скрыта от гостей

};
favicon :="
<link rel=\"apple-touch-icon\" sizes=\"57x57\" href=\"/favicon/apple-icon-57x57.png\">
<link rel=\"apple-touch-icon\" sizes=\"60x60\" href=\"/favicon/apple-icon-60x60.png\">
<link rel=\"apple-touch-icon\" sizes=\"72x72\" href=\"/favicon/apple-icon-72x72.png\">
<link rel=\"apple-touch-icon\" sizes=\"76x76\" href=\"/favicon/apple-icon-76x76.png\">
<link rel=\"apple-touch-icon\" sizes=\"114x114\" href=\"/favicon/apple-icon-114x114.png\">
<link rel=\"apple-touch-icon\" sizes=\"120x120\" href=\"/favicon/apple-icon-120x120.png\">
<link rel=\"apple-touch-icon\" sizes=\"144x144\" href=\"/favicon/apple-icon-144x144.png\">
<link rel=\"apple-touch-icon\" sizes=\"152x152\" href=\"/favicon/apple-icon-152x152.png\">
<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"/favicon/apple-icon-180x180.png\">
<link rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/favicon/android-icon-192x192.png\">
<link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/favicon/favicon-32x32.png\">
<link rel=\"icon\" type=\"image/png\" sizes=\"96x96\" href=\"/favicon/favicon-96x96.png\">
<link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/favicon/favicon-16x16.png\">
<link rel=\"manifest\" href=\"/favicon/manifest.json\">
<meta name=\"msapplication-TileColor\" content=\"#ffffff\">
<meta name=\"msapplication-TileImage\" content=\"/favicon/ms-icon-144x144.png\">
<meta name=\"theme-color\" content=\"#ffffff\">"+CR;
favicon :=@If(Server_Name="xxxxxx.ru"; favicon; @nothing);

REM {

Ссылка скрыта от гостей

иконки в папке };

PN:=@If(@IsAvailable(PageName);"pages/"+PageName;"0/"+@Text(@DocumentUniqueID))+"?open";
hreflang :="<link rel=\"alternate\" hreflang=\"ru\" href=\"http://"+Server_Name + "/" + @WebDbName + "/"+PN+"\" />";

wtf := "<!-- тут ваша подпись вебмастера ----
╱╱▏╱▏╱▏╱╱╱╱╱╱▏╱╱╱╱╱▏
▉╱▉╱▉╱▏▉▉▉▉▉╱┈▉▉▉▉╱
▉╱▉╱▉╱▏┈┈▉╱▏┈┈▉╱╱╱╱▏
▉╱▉╱▉╱▏┈┈▉╱▏┈┈▉▉▉▉╱
▉▉▉▉▉╱┈┈┈▉╱┈┈┈▉╱
-->";

lang :=
@If(
@Text(@LowerCase(WebLang))="ru";"ru";
@Text(@LowerCase(WebLang))="en";"en";
"en");

jq :="<script src=\""+dir+"/assets/js/jquery.min.js\"></script>";

REM {по ка ставим common потом пределать на lang netwood};
common := "<script src='js/common.js' type='text/javascript'></script>";
common:="<script src='js/common.js"+anticashe+"'></script>";

varcommon :="<script src=\""+"doCommonVariables?readform\" type=\"text/javascript\"></script>";

varlang :="<script>var onimod_lang='"+lang+"'</script>";
varcommon_lang :="<script src='language_ressources_"+lang+".js"+anticashe+"'></script>";

viewport:="<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">";
language :="<meta HTTP-EQUIV=\"Content-Language\" "+
@If(
lang="ru";"content=\"ru\">";
lang="en";"content=\"en\">";
@nothing);

css :=
"<link rel=\"stylesheet\" href=\""+dir+"/assets/css/main.css"+anticashe+"\" />"+CR+
"<noscript><link rel=\"stylesheet\" href=\""+dir+"/assets/css/noscript.css\"/></noscript>"+CR;

@Implode(
wtf:
viewport:
language:
index:
description:

basehref:
favicon:
jq:
varcommon:
varcommon_lang:
common:
css
;
@NewLine)+@NewLine

 

[lmike]

Доброго времени суток, гуру!
Написал для работы несколько страниц xPage - на компе работает отлично. Теперь надо адаптировать к мобильникам. Размеры на мобильных браузерах явно мелковаты, хотя делал и шрифты и размеры таблиц большими.
Вопрос: как-то можно адаптировать?
И еще: мне надо по одной кнопке сделать 2 API запроса. Второй, почему-то, не выполняется. Пытался обойти, переведя создания запросов и их выполнение в разные функции - получилось, но работает не всегда. Кто-нибудь смог решить эту проблему?

на ОпенНТФ есть бд
посмотреть (часть, анонимусом) можно тут

Ссылка скрыта от гостей

если не нра - самому взять реакт/вуе/ангуляр и,

Ссылка скрыта от гостей

, сделать на свой вкус