خبرها

Skip Navigation Links.

خبرها

نمایش توضیحات متنی و HTML / ‌Live Tooltip

افزونه‌ی Live Tooltip یک ماژول حرفه‌ای و منعطف برای نمایش توضیحات متنی و HTML به‌صورت Tooltip در وب‌سایت‌های مبتنی بر DNN است. این افزونه با هدف ارتقاء تجربه کاربری، افزایش دسترسی‌پذیری و ارائه اطلاعات تکمیلی بدون اشغال فضای صفحه طراحی شده و مناسب برای فرم‌ها، راهنماها، عناصر تعاملی و صفحات آموزشی است.

درخواست دمو 021-88570276

ویژگی‌ها

نمایش محتوای HTML در Tooltip

امکان نمایش متن، تصویر، ویدیو، لینک، فرم و حتی ماژول‌های دیگر در پنجره Tooltip.

پشتیبانی از Portal Tooltip

تعریف یک Tooltip مرکزی و استفاده از آن در بخش‌های مختلف سایت بدون نیاز به تکرار.

افکت‌های نمایشی متنوع

شامل Fade، Slide و افکت‌های سفارشی برای نمایش و مخفی‌سازی Tooltip.

Speech Bubble Tips

افزودن فلش‌های جهت‌دار به Tooltip با بیش از ۱۲ موقعیت قابل تنظیم.

نمایش بر اساس رفتار کاربر

فعال‌سازی Tooltip با Hover، کلیک، یا هنگام بارگذاری صفحه.

پشتیبانی از فرم‌ها و عناصر تعاملی

نمایش Tooltip هنگام Focus یا Blur روی فیلدهای فرم مانند TextBox، RadioButton و CheckBox.

قابلیت Solo Tooltip

نمایش تنها یک Tooltip در لحظه و بستن سایر Tooltipهای فعال.

پشتیبانی از Image Maps

نمایش چند Tooltip روی یک تصویر با نقاط قابل کلیک.

سازگاری با موتور جستجو

محتوای Tooltip توسط موتور جستجوی داخلی DNN ایندکس می‌شود.

استایل‌های قابل سفارشی‌سازی

شامل ۶ قالب آماده و امکان طراحی نامحدود با CSS اختصاصی.

پشتیبانی از Localization و توکن‌های DNN

ترجمه متن‌ها و استفاده از اطلاعات کاربر، پورتال و تاریخ در محتوا.

سازگاری با نسخه‌های DNN 9.4.2+ و 10.0+

عملکرد پایدار در نسخه‌های جدید پلتفرم DNN.

نحوه عملکرد

نصب افزونه:

دریافت فایل نصب از Mandeeps Live Tooltip یا DNN Store.
ورود به پنل مدیریت DNN و نصب از بخش Extensions.
افزودن ماژول Live Tooltip به صفحه‌ی دلخواه یا استفاده از Skin Object در قالب سایت.

تعریف Tooltip جدید:

ورود به تنظیمات ماژول و کلیک روی "Add Tooltip".
وارد کردن محتوای HTML یا متن ساده.
انتخاب موقعیت نمایش، افکت، رفتار فعال‌سازی و استایل نمایشی.

استفاده در صفحه:

افزودن کلاس CSS یا Selector به عناصر مورد نظر برای اتصال Tooltip.
استفاده از Portal Tooltip برای نمایش یک Tooltip مشترک در چند بخش.

تنظیمات پیشرفته:

فعال‌سازی Solo Mode، تعیین رفتار مخفی‌سازی، افزودن فلش جهت‌دار و تنظیمات نمایش در فرم‌ها.
استفاده از توکن‌های DNN برای نمایش اطلاعات پویا در Tooltip.

توصیه‌های حرفه‌ای

برای راهنمایی کاربران در فرم‌ها، از حالت Focus/Blur استفاده کنید تا Tooltip هنگام ورود یا خروج از فیلد نمایش داده شود.

در صفحات آموزشی یا مستندات، از Portal Tooltip بهره ببرید تا یک توضیح مرکزی در چند نقطه استفاده شود.

برای طراحی حرفه‌ای‌تر، از CSS اختصاصی برای هماهنگی Tooltip با طراحی سایت استفاده نمایید.

در صفحات پرمحتوا، از Solo Mode استفاده کنید تا تنها یک Tooltip در لحظه فعال باشد و تمرکز کاربر حفظ شود.

برای بهبود سئو، محتوای Tooltip را با کلمات کلیدی مناسب و ساختار HTML استاندارد تنظیم کنید.

درخواست دمو

راهنمای تصویری کار با این افزونه

در این بخش، نحوه استفاده از افزونه را به‌صورت مرحله‌به‌مرحله همراه با تصاویر و توضیحات کامل مشاهده می‌کنید. این راهنما به شما کمک می‌کند تا در کمترین زمان، افزونه را به‌درستی پیکربندی و استفاده کنید.

نصب Live Tooltip از طریق بخش Extensions و افزودن به صفحه یا قالب سایت.

فرم وارد کردن محتوای HTML، انتخاب موقعیت، افکت و رفتار نمایش.

افزودن کلاس CSS یا Selector به عناصر دلخواه برای نمایش Tooltip هنگام تعامل.

تعریف یک Tooltip مرکزی و استفاده از آن در چند نقطه بدون نیاز به تکرار محتوا.

نمایش Tooltip هنگام Focus روی فیلدهای فرم با افکت‌های نمایشی و فلش جهت‌دار.

سوالات متداول

افزونه Live Tooltip چه کاربردی دارد و برای چه نوع سایت‌هایی مناسب است؟

Live Tooltip یک افزونه حرفه‌ای برای نمایش توضیحات متنی یا HTML به‌صورت Tooltip در سایت‌های DNN است. این افزونه امکان نمایش اطلاعات تکمیلی هنگام حرکت ماوس یا کلیک روی عناصر صفحه را فراهم می‌کند. مناسب برای سایت‌های آموزشی، شرکتی، فروشگاهی، فرم‌محور و هر پلتفرمی است که نیاز به ارائه راهنمایی یا توضیح سریع به کاربران دارد.

نحوه نصب و راه‌اندازی افزونه چگونه است؟

برای نصب، فایل افزونه را از Mandeeps.com دریافت کرده و از طریق بخش Extensions در پنل مدیریت DNN نصب نمایید. پس از نصب، ماژول را به صفحه دلخواه اضافه کرده و با استفاده از رابط گرافیکی، محتوای Tooltip، موقعیت نمایش، افکت‌ها و نحوه فعال‌سازی (مانند کلیک یا حرکت ماوس) را تنظیم کنید. افزونه از حالت Portal Tooltip نیز پشتیبانی می‌کند که امکان استفاده از Tooltip در سراسر سایت بدون نیاز به افزودن ماژول در هر صفحه را فراهم می‌سازد.

آیا افزونه با نسخه‌های جدید DNN و مرورگرهای مدرن سازگار است؟

بله، Live Tooltip با نسخه‌های DNN 9.4.2 و بالاتر از جمله DNN 10.x کاملاً سازگار است. طراحی آن به‌صورت SPA (Single Page Application) بوده و در مرورگرهای مدرن مانند Chrome، Firefox، Safari و Edge عملکرد روانی دارد. همچنین از موتور QTip نسخه 3 برای نمایش Tooltip استفاده می‌کند که با استانداردهای وب امروزی هماهنگ است.

چه قابلیت‌هایی برای سفارشی‌سازی ظاهر و رفتار Tooltip وجود دارد؟

افزونه امکانات متنوعی برای سفارشی‌سازی ارائه می‌دهد، از جمله: نمایش محتوای HTML، تصویر، ویدیو یا فرم در Tooltip انتخاب موقعیت نمایش از بین بیش از ۱۲ حالت (بالا، پایین، چپ، راست و ...) افکت‌های نمایشی مانند Fade و Slide افزودن فلش (Speech Bubble) به Tooltip استفاده از CSS سفارشی برای طراحی اختصاصی نمایش Tooltip هنگام بارگذاری صفحه، کلیک، یا فوکوس روی فرم‌ها

در صورت عدم نمایش Tooltip یا بروز خطا، چه اقداماتی باید انجام داد؟

ابتدا بررسی کنید که قالب سایت با جاوااسکریپت افزونه تداخل نداشته باشد. سپس مطمئن شوید که محتوای Tooltip به‌درستی تعریف شده و موقعیت نمایش با عناصر صفحه هماهنگ است. در صورت استفاده از Portal Tooltip، بررسی کنید که تنظیمات عمومی فعال باشد. همچنین استفاده از نسخه به‌روز افزونه و بررسی فایل‌های لاگ DNN برای شناسایی خطاهای احتمالی توصیه می‌شود.

آیا افزونه از قابلیت‌های پیشرفته مانند نمایش در فرم‌ها یا نقشه‌های تصویری پشتیبانی می‌کند؟

بله، Live Tooltip از نمایش Tooltip در فرم‌ها (مانند TextBox، RadioButton، CheckBox) هنگام فوکوس یا خروج از کنترل پشتیبانی می‌کند. همچنین امکان استفاده از Image Map وجود دارد که می‌توان چند Tooltip را روی یک تصویر تعریف کرد. این قابلیت‌ها برای راهنمایی کاربران در فرم‌های پیچیده یا تصاویر تعاملی بسیار کاربردی هستند.

تفاوت Live Tooltip با افزونه‌هایی مانند DNN Tooltip یا HTML Helper چیست؟

Live Tooltip یک افزونه تجاری با امکانات کامل برای نمایش Tooltip با محتوای HTML، افکت‌های نمایشی، موقعیت‌های متنوع و قابلیت استفاده سراسری در پرتال است. در حالی که افزونه‌های ساده‌تر مانند HTML Helper یا Tooltip‌های دستی فقط امکان نمایش متن ساده را دارند، Live Tooltip برای پروژه‌هایی که نیاز به طراحی حرفه‌ای، تعامل بالا و سفارشی‌سازی دقیق دارند، گزینه‌ای قدرتمند و منعطف محسوب می‌شود.