بما أنك ترغب في تعديل العرض والارتفاع لصندوق الحوار الذي يتم فتحه من جوجل شيت، يمكنك تحقيق ذلك عن طريق تعديل الكود الخاص بك. في البداية، يجب أن نعدّل الدالة openDialog() لتأخذ قيم العرض والارتفاع كمعاملات. ثم يجب أن نقوم بتعديل واجهة المستخدم لتتضمن حقول إدخال لتحديد العرض والارتفاع المطلوبين. إليك كيف يمكن تعديل الكود بما يناسب متطلباتك:
javascript// Use this code for Google Docs, Forms, or new Sheets.
function onOpen() {
SpreadsheetApp.getUi() // Or DocumentApp or FormApp.
.createMenu('Cadastro')
.addItem('Open', 'openDialog')
.addToUi();
}
function openDialog() {
var html = HtmlService.createHtmlOutputFromFile('index')
.setWidth(400) // Set default width for the dialog
.setHeight(300); // Set default height for the dialog
SpreadsheetApp.getUi() // Or DocumentApp or FormApp.
.showModalDialog(html, 'Dialog title');
}
function showDialogWithCustomSize(width, height) {
var html = HtmlService.createHtmlOutputFromFile('index')
.setWidth(width)
.setHeight(height);
SpreadsheetApp.getUi()
.showModalDialog(html, 'Dialog title');
}
في هذا التعديل، قمت بإضافة دالة جديدة تسمى showDialogWithCustomSize() التي تأخذ معاملين: width و height. هذه الدالة تقوم بفتح صندوق الحوار مع العرض والارتفاع الذي تحدده المتغيرات width و height عند استدعائها.
ثم، في واجهة المستخدم HTML، يجب أن نقوم بإضافة حقول إدخال لتمكين المستخدم من تحديد العرض والارتفاع. يمكنك استخدام عناصر إدخال نصية وزر لتأكيد القيم وتشغيل showDialogWithCustomSize() مع القيم التي تم تحديدها.
بهذا، يمكنك الآن تعديل عرض وارتفاع صندوق الحوار بسهولة وفقاً لاحتياجاتك المحددة.
المزيد من المعلومات
بالطبع، دعني أكمل المقال بتفاصيل أكثر عن كيفية تعديل واجهة المستخدم HTML وكيفية استخدام القيم المدخلة لتحديد عرض وارتفاع الصندوق:
في واجهة المستخدم HTML، يجب علينا أولاً إضافة حقول إدخال لتمكين المستخدم من تحديد العرض والارتفاع. يمكن استخدام عناصر إدخال نصية وزر لتأكيد القيم وتشغيل showDialogWithCustomSize() مع القيم التي تم تحديدها. هناك عدة طرق يمكن استخدامها لتحقيق هذا الهدف، ولكن سنستخدم عنصري للحصول على القيم وزر
html>
<html>
<head>
<base target="_top">
head>
<body>
<label for="widthInput">Width:label>
<input type="text" id="widthInput" name="widthInput"><br><br>
<label for="heightInput">Height:label>
<input type="text" id="heightInput" name="heightInput"><br><br>
<button onclick="setCustomSize()">Set Custom Sizebutton>
<script>
function setCustomSize() {
var width = document.getElementById("widthInput").value;
var height = document.getElementById("heightInput").value;
google.script.run.showDialogWithCustomSize(width, height);
}
script>
body>
html>
في هذا التعديل، قمنا بإضافة حقول إدخال للعرض والارتفاع () مع تحديد id لكل منها. ثم أضفنا زرًا
