كيفية إنشاء شريط جانبي في جداول بيانات Google

الشريط الجانبي هو عنصر واجهة مستخدم (منطقة رأسية صغيرة) يظهر إما على يسار أو يمين النافذة الأكبر أو على شاشة المستخدم لعرض المعلومات ذات الصلة أو قائمة الاختيارات أو خيارات التنقل.

الشريط الجانبي في أوراق Google عبارة عن لوحة واجهة مستخدم يتم عرضها على الجانب الأيمن من جداول بيانات Google. توفر Google محرر نصوص مدمج يسمى Apps Script والذي يمكنه إنشاء العديد من الوظائف الإضافية والعناصر لتطبيقات G-Suite. يمكن استخدامه أيضًا لبناء أشرطة جانبية مخصصة في أوراق Google.

ستوضح لك هذه المقالة كيفية إنشاء شريط جانبي مخصص في جداول بيانات Google باستخدام محرر برمجة تطبيقات Google.

إنشاء SideBar في جداول بيانات Google باستخدام Apps Script

إذا كنت ترغب في إنشاء شريط جانبي مخصص ، فأنت بحاجة إلى إدخال وتشغيل رمز معين في محرر Apps Script. بعد ذلك ، يمكنك إنشاء أدواتك الخاصة داخل الشريط الجانبي باستخدام أكواد HTML و CSS وجافا سكريبت.

أولاً ، افتح أوراق Google. في قائمة أوراق Google ، انقر على "أدوات" وحدد "محرر النص".

سيؤدي ذلك إلى فتح محرر Apps Script في علامة تبويب جديدة في متصفحك حيث يمكنك كتابة رمز واجهة المستخدم الخاص بك.

اكتب الكود التالي في صفحة Code.gs:

الوظيفة onOpen () {SpreadsheetApp.getUi () .createMenu ('My New Menu') .addItem ('My sidebar 1'، 'showSidebar') .addToUi ()؛ } function showSidebar () {var html = HtmlService.createHtmlOutputFromFile ('Sidebar') .setTitle ('Calculation Sidebar') ؛ SpreadsheetApp.getUi () .showSidebar (html) ، }

في كود البرنامج النصي Code.gs أعلاه ، تقوم وظيفة OnOpen () بإنشاء قائمة مخصصة تسمى "قائمتي الجديدة" في شريط قوائم أوراق google. ستحتوي تلك القائمة على عنصر قائمة يسمى "My sidebar-1". عند النقر فوق عنصر القائمة هذا ، سيتم تشغيل وظيفة showAdminSidebar () (الجزء الثاني من الكود) وسيظهر الشريط الجانبي على الجانب الأيمن من نافذة ورقة Google.

بعد ذلك ، نحتاج إلى إنشاء ملف HTML في محرر البرنامج النصي ، ثم باستخدام هذا الملف ، يمكنك إنشاء الشريط الجانبي.

لإنشاء ملف HTML ، انقر فوق رمز الإضافة (+) بجوار الملفات في محرر البرامج النصية للتطبيقات وحدد "HTML".

سيؤدي هذا إلى إنشاء ملف HTML أدناه Code.gs. أعد تسمية الملف باسم "الشريط الجانبي". يجب أن يكون هذا الاسم هو نفسه الذي تمت إضافته في وظيفة showSidebar () (var html = HtmlService.createHtmlOutputFromFile ("الشريط الجانبي")).

اكتب الكود التالي داخل قسم ملف Sidebar.html:

 هذا هو الشريط الجانبي الجديد الخاص بي

يعرض الكود أعلاه السلسلة النصية "هذا هو الشريط الجانبي الجديد الخاص بي" وزر "إغلاق" الذي يغلق الشريط الجانبي عند النقر عليه.

بعد الانتهاء من كتابة الرمز أعلاه في قسم Sidebar.html ، يجب أن يحتوي على الكود التالي:

 هذا هو الشريط الجانبي الجديد الخاص بي.

لقطة الشاشة:

عند الانتهاء من إدخال كلا الرمزين ، احفظ المشروع بالنقر فوق رمز الحفظ في شريط الأدوات (انظر لقطة الشاشة أدناه). ثم قم بتشغيل الوظائف بالنقر فوق رمز "تشغيل".

سواء قمت بتشغيل البرنامج النصي هنا أو قمت بتحديد عنصر القائمة المخصص في شريط أدوات أوراق Google (لأول مرة) ، سيطلب منك Google السماح بتشغيل البرنامج النصي. نظرًا لأنك تشغل أداة مخصصة من جهة خارجية ، فستطلب Google إذنك. بمجرد تفويض البرنامج النصي ، سيعرض الشريط الجانبي داخل ورقة Google الخاصة بك.

كيفية تخويل Apps Script Code في Google

لتفويض البرنامج النصي المخصص الخاص بك ، اتبع الخطوات التالية:

بمجرد تشغيل البرنامج النصي ، سيطلب منك Google تحديد حساب google الخاص بك. بعد تحديده ، ستظهر نافذة منبثقة صغيرة ، انقر فوق "مراجعة الأذونات".

ستظهر نافذة منبثقة أخرى ، هنا حدد "عرض متقدم" وانقر على "الانتقال إلى مشروع بلا عنوان (غير آمن)" (سيعرض اسم مشروعك).

في النافذة التالية ، انقر على "سماح" وستقوم ورقة جوجل بتشغيل البرنامج النصي الخاص بك.

بمجرد القيام بذلك ، ارجع إلى ورقة Google الخاصة بك وقم بتحديثها. ستتم إضافة القائمة المخصصة الجديدة (قائمتي الجديدة) إلى شريط أدوات ورقة Google الخاص بك ، والذي أضفناه من خلال البرنامج النصي Code.gs. انقر على "قائمتي الجديدة" وحدد عنصر القائمة "شريطي الجانبي 1" لعرض الشريط الجانبي.

سيظهر الآن الشريط الجانبي المخصص الخاص بك على الجانب الأيمن من ورقة google الخاصة بك مع النص والزر الذي أضفناه (كما هو موضح أدناه). عند النقر فوق الزر ، سيتم إغلاق الشريط الجانبي.

حسنًا ، أنت الآن تعرف كيفية إنشاء الشريط الجانبي الخاص بك في أوراق Google.