PowerApps: масштабирование изображения в текстовом элементе управления HTML

Есть ли способ увеличить изображение при нажатии или зависании в Powerapps?

Вот код в элементе управления текстом HTML:

Concatenate(
"<b><font color=black>", currentWorkItemId, "</font></b>  ", LookUp(extendedWorkItemList, Id = currentWorkItemId, Title),
    "<br></br><br></br><br></br>",
    "<b>Test Case</b>",
    "<hr>",
    LookUp(workItemDetails, WorkItemId = Value(currentWorkItemId), TestCase)
)

Вот сгенерированный HTML-текст:

<b><font color=black>36066</font></b>Test<br></br><br></br><br></br><b>Test Case</b><hr><span style="display:inline !important;">Test Case<br><br><span style="display:inline !important;">This a just a Test :)<span>&nbsp;</span></span><a href="google.com" style="box-sizing:border-box;text-decoration:underline;cursor:pointer;">TestUrl</a><br style="box-sizing:border-box;"><span style="display:inline !important;"><br></span><br></span><img src="https://media.geeksforgeeks.org/wp-content/uploads/20200403151026/adblur_gfg.png" alt='Geeks Image'><br><br>

А вот как это выглядит: ссылка

Заранее спасибо за помощь!


css powerapps
person Guilian Nkamga    schedule 07.09.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вот как я это сделал, щелкнув исходное изображение. Пожалуйста, прочтите этот ответ, прежде чем пытаться.
7,3 шага

Шаг 1

Исходное изображение представляет собой элемент управления «Html-текст» под названием «Изображение» с HtmlText, установленным следующим образом (включая кавычки в строке удалить пробел после первого ‹). :

‹Img src = & ThisItem.Image & width = & Self.Width &› (ваш может быть весь ваш HTML-вывод, поскольку он не только в одном изображении, а скорее во всей HTML-строке)

ThisItem.Image относится к выбранному элементу списка SPO в форме, относящейся к столбцу под названием «Изображение». Это столбец «Гиперссылка или изображение», в котором установлено значение «Гиперссылка». Возможно, вам это не понадобится, поскольку вы уже получаете URL-адрес из столбца другого типа.

Шаг 2. Установите для переменной функции OnScreen или App OnStart значение Set (varImageLargeVisible, false)

Шаг 3. Установите для исходного изображения OnSelect значение UpdateContext ({varImageLargeVisible: true}). Убедитесь, что для параметра DisplayMode для изображения установлено значение Edit.

Шаг 4 Создайте новый элемент управления HTML Text. Установите желаемый размер. Если вы хотите заблокировать его, сделайте фон белым цветом или чем-то еще, чтобы заблокировать то, что находится за элементом управления.

Шаг 5 Добавьте значок, X или что-нибудь очевидное, чтобы пользователь знал, как закрыть большое изображение. Установите для OnSelect значение UpdateContext ({varImageLargeVisible: false})

Шаг 6 Измените функцию Visible как для нового элемента управления Html Text, так и для значка на If (varImageLargeVisible = true, true)

Шаг 7 Установите для HtmlText значение:

Заменить (Image.HtmlText, width = 443, width = & App.Width &)

width = 443 - это ширина исходного элемента управления на правой информационной панели.

7а. Замените изображение в Image.HtmlText изображением, на которое указывает ссылка. (Это ссылается на исходный элемент управления под названием «Изображение»)

7b - Замените 443 по ширине = 443 шириной исходного элемента управления.

7c - Замените & App.Width & in width = & App.Width & новым размером, который вы хотите, чтобы изображение было. Если это будет статический размер, вы можете указать здесь число вместо динамического размера. & & разбивает HTML-код в PowerApps, поэтому, если вы введете статическое число, удалите и его.

Примечания Я думаю, вам нужно будет определить ширину в выводе html, чтобы при замене было что заменить. ‹Img src = https: //media.geeksforgeeks.org/wp-content/uploads/20200403151026/adblur_gfg.png alt = 'Geeks Image' width = 0000› (замените 0000 на размер вашего изображение в настоящее время.)

Надеюсь, это имеет смысл.

person oi2342001    schedule 13.01.2021