Foundation-sites: मोडल पोजीशनिंग प्रकट करें?

क्या आपके पास एक लिंक है ताकि हम यह पता लगाने में मदद कर सकें कि क्या हो रहा है?

मुझे इसे शुरू करने दें और जहां आप देख सकते हैं वहां चलाएं और फिर मैं आपको लॉगिन विवरण के साथ एक संदेश भेजूंगा।

ठीक है, मैं आपको एक निजी संदेश में विवरण भेजता हूं।

मुझे लगता है कि आपने अपने सीएसएस .column, .columns {स्थिति: सापेक्ष;} में एक नियम निर्धारित किया है

प्रकट मोडल निरपेक्ष स्थित है। मुझे नहीं पता कि यह तय क्यों नहीं है। संभवतः स्क्रॉलिंग सक्षम करने के लिए?

तो, पूरी तरह से स्थित मोडल खुद को इसके पहले स्थित माता-पिता ( class="eight column") के साथ संरेखित कर रहा है। आप इस तरह सीएसएस जोड़ने का प्रयास कर सकते हैं ...

प्रकट-मोडल {स्थिति: निश्चित;)

और देखें कि क्या यह आपके इच्छित तरीके से कार्य करता है

ठीक। वह फाउंडेशन के grid.css की लाइन 17 से है।

ठीक है। मैं आपके फ़ाइलनाम नहीं पढ़ सका। मैं सिर्फ एक उपयोगकर्ता हूं - ज़र्ब देव नहीं। आप निश्चित चीज़ की कोशिश कर सकते हैं या अपने मोडल डिव को अननेस्ट कर सकते हैं और इसे html के नीचे रख सकते हैं।

असल में, मैंने मोडल के लिए कलरबॉक्स पर स्विच किया और बस बग की रिपोर्ट करना चाहता था (यदि यह एक बग है और मेरी गलती नहीं है)। समस्या का पता लगाने में मदद के लिए धन्यवाद! मैंने इसके साथ घंटों बिताए लेकिन समस्या नहीं ढूंढ सका।

मैं ईमानदारी से कहूँगा, मैं इस कॉनवो के पीछे के दृश्यों का अनुसरण नहीं कर सकता :) क्या रिवील में कोई बग है या यह अन्य शैलियों के साथ संघर्ष था?

समस्या यह है कि, यदि आप एक कॉलम के अंदर एक प्रकट-मोडल डालते हैं, तो प्रकट मोडल ब्राउज़र विंडो में संरेखित करने के बजाय उस कॉलम में संरेखित होता है। मुझे नहीं पता कि यह कुछ ऐसा है जिसे आप ठीक कर सकते हैं या नहीं।

ऐसा लगता है कि आप प्रकट-मोडल को स्थिति में सेट कर सकते हैं तय किया गया है, लेकिन मुझे नहीं पता कि आपके पास इसके खिलाफ कोई कारण है या नहीं।

ओह, गोचा। हाँ प्रकट मोडल को पृष्ठ के अंत में रखने के लिए डिज़ाइन किया गया है, लेआउट के भीतर नहीं - हम निश्चित के बजाय पूर्ण का उपयोग करते हैं ताकि आप पृष्ठ स्क्रॉलिंग रख सकें (यदि आप इसे चाहते हैं)। इसे स्थिति में बदलना

शायद डॉक्स में इसका उल्लेख करना सबसे अच्छा है।

30 नवंबर, 2011 को शाम 7:14 बजे, जोनाथन स्माइली[email protected] ने लिखा:

ओह, गोचा। हाँ प्रकट मोडल को पृष्ठ के अंत में रखने के लिए डिज़ाइन किया गया है, लेआउट के भीतर नहीं - हम निश्चित के बजाय पूर्ण का उपयोग करते हैं ताकि आप पृष्ठ स्क्रॉलिंग रख सकें (यदि आप इसे चाहते हैं)। इसे स्थिति में बदलना

---

इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें:
https://github.com/zurb/foundation/issues/129#issuecomment -2968907

@ smileyj68 किसी भी विचार क्या स्थिति: रिश्तेदार .column, .columns पर grid.css में कर रहा है? स्थिति: रिस्पॉन्सिव साइट पर काम करते समय रिवील-मोडल पर फिक्स करना बहुत अच्छा विकल्प नहीं है क्योंकि आपको वास्तव में उस पर स्क्रॉल करने की आवश्यकता होती है। मैं कोशिश करने जा रहा हूं और इसे यहां स्थानीय रूप से अधिलेखित कर दूंगा और परीक्षण करूंगा कि क्या इसने कुछ भी तोड़ा है। लेकिन अगर आपके पास कोई अंतर्दृष्टि है तो मुझे इसे सुनना अच्छा लगेगा।

इस मुद्दे ने मुझे पीछे से भी थोड़ा सा काट दिया। काश कि दस्तावेज किया गया था ...

और मैं, इस टिप्पणी के लिए अच्छा काम। यह डॉक्स में इसे सब कुछ के बाद रखने के लिए कहता है, लेकिन Wordpress के साथ इसका उपयोग करते समय इसका अर्थ पाद लेख में होता है। यह आसान होगा अगर यह कहा जाए कि ऐसा क्यों करना है।

मैं भी। इसे स्थिति में सेट करने के बाद: निश्चित; और अतिप्रवाह: स्क्रॉल; चीजें ठीक चलीं।

कोई भी समाधान?! यदि आपका मोडल बड़ा है तो निश्चित स्थिति निर्धारित करना एक अच्छा विचार नहीं है। अगर किसी को कोई समाधान मिले तो कृपया यहां लिखें। शुक्रिया!

मुझे अभी भी यह समस्या है :(! कोई समाधान? PLZ

स्थिति को निश्चित पर सेट करना काम नहीं कर रहा है

मैं इसे काम करने में कामयाब रहा। जब मैंने Foundation.css और Foundation.min.css को खोला और दोनों फाइलों में .reveal-modal वर्ग पर स्थिति को निम्नानुसार बदल दिया, तो पूर्ण स्थिति से निश्चित कार्य पर स्विच करना:

-निरपेक्ष से निश्चित
- शीर्ष: ५०

यह निश्चित रूप से एक समस्या है यदि आप केवल स्थिर HTML से अधिक के लिए फाउंडेशन का उपयोग कर रहे हैं। Shopify के लिए माई फाउंडेशन थीम फ्रेमवर्क में उत्पाद छवियों के लिए मोडल पॉपअप के साथ भी समस्याएं हैं। .reveal-modal { position:fixed;overflow :scroll} का उपयोग करना निश्चित रूप से मदद करता है। लेकिन यह कोई वास्तविक समाधान नहीं है। इस मामले में 'खुलासा' बहुत बदसूरत और अव्यवहारिक हो सकता है। जहां तक ​​​​मैं देख सकता हूं, शुद्ध सीएसएस की कोई भी राशि इसे ठीक नहीं करेगी।

आप जिस समस्या का सामना कर रहे हैं वह यह है कि पिछले रिलीज में पोजिशनिंग माता-पिता द्वारा प्रकट मोडल प्रभावित होता है, इसलिए आपको वास्तव में केवल शरीर तत्व के प्रत्यक्ष बच्चे के रूप में एक प्रकट मोडल होना चाहिए।

आपको इस समस्या को संस्करण 4.3.2 के साथ नहीं देखना चाहिए क्योंकि यह सुनिश्चित करता है कि मोडल को body प्रत्यक्ष बच्चे के रूप में स्थानांतरित किया जाता है, जबकि मोडल दिखाई देता है जो आपके सीएसएस द्वारा अन्यथा उत्पन्न होने वाली किसी भी अजीब स्थिति को कम करता है। .

यदि आप इसे 4.3.2 में देख रहे हैं, तो कृपया एक उदाहरण के साथ टिकट खोलें, क्योंकि मैंने यह सुनिश्चित करने के लिए विशिष्ट परिवर्तन किए हैं कि यह सही ढंग से काम कर रहा है।

मैं मानता हूं कि यह "प्रकट मोडल को पृष्ठ के अंत में रखने के लिए डिज़ाइन किया गया है, लेआउट के भीतर नहीं" को दस्तावेज़ीकरण में रखा जाना चाहिए क्योंकि इस चूक से नए लोग नाराज हो सकते हैं। @smileyj68 की टिप्पणी देखने से पहले मुझे पूरे वेब पर खोज

@ chimdi2000 4.3.2 तक, यह अब कोई समस्या नहीं है क्योंकि यदि आपके पास इसे सही जगह पर नहीं है तो जावास्क्रिप्ट इसे आपके लिए ले जाएगा, इसलिए मुझे लगता है कि कोई और दस्तावेज अनावश्यक है।

हेड अप @seantimm के लिए धन्यवाद। मुझे लगता है कि मैंने Shopify Foundation 4 थीम फ्रेमवर्क को बेहतर ढंग से अपडेट किया है!

@seantimm 4.3.2 ने मेरे पोजिशनिंग मुद्दों को ठीक कर दिया है, लेकिन फॉर्म के अंदर फॉर्म एलिमेंट्स होने और फॉर्म के बाहर ले जाने के कारण उन्हें अब सबमिट नहीं किया जा सकता है।

एक कस्टम फिक्स के रूप में मैंने परिशिष्ट के लिए एक सेटिंग जोड़ दी है जिससे उन्हें दस्तावेज़ में किसी विशिष्ट स्थान पर जोड़ा जा सकता है। भविष्य में रिलीज में इसे जोड़ने का कोई मौका?

मुझे एहसास है कि यह एक पुराना धागा है, लेकिन दिसंबर 2014 तक, मैं अभी भी इस मुद्दे पर चल रहा हूं। माना कि यह काफी आसान है, लेकिन इस तरह के ढांचे का उपयोग करने की बात यह है कि हमें बुनियादी चीजों पर समय बिताने की ज़रूरत नहीं है और हम अपना समय कहीं और केंद्रित कर सकते हैं।

क्या भविष्य में रिलीज में इसे पेश करने की कोई योजना है? मोडल एक निश्चित या पूर्ण स्थिति है या नहीं यह चुनने की क्षमता एक महान विशेषता की तरह लगती है। ऐसा लगता है कि यह कुछ एसएएस चर के साथ किया जा सकता है।

@ smileyj68 , क्या आप बता सकते हैं कि यह वांछनीय क्यों है कि पेज खुला रहने के दौरान स्क्रॉल करना जारी रखता है? मुझे लगता है कि जब एक मोडल खुला होता है, तो पेज सामग्री को अवरुद्ध करने का इरादा होता है। क्या इसे ठीक करना और अतिप्रवाह संपत्ति सेट करना बेहतर नहीं है ताकि मोडल स्क्रॉल हो? यदि यह डिफ़ॉल्ट था, तो इसे पृष्ठ के अंत में रखने की आवश्यकता नहीं होगी, जो कि कई सीएमएस स्थितियों के लिए एक कठिनाई है।

साथ ही, मुझे अपनी सभी परियोजनाओं में प्रकट-बीजी स्थिति को पूर्ण से निश्चित में बदलना पड़ा है। मुझे समझ में नहीं आ रहा है कि इसे कभी भी पूर्ण क्यों सेट किया जाएगा।

मैं आज सुबह इसी तरह के मुद्दे में भाग गया (नींव-रेल 5.4.5 का उपयोग करके) और इसे ठीक करने और इसे पृष्ठ पर केंद्रित करने के लिए निम्नलिखित को .reveal-modal जोड़कर हल किया:

.reveal-modal.open {
  position:fixed;
  top:50%!important; /* override inline style injected from JS */
  left:50%;
  transform:translate(-50%, -50%);
}