2014-05-21 5 views
7

मेरे उपयोगकर्ताओं से एक और अधिक आकर्षक प्रिंटिंग अनुभव रखने की अनुमति देने के लिए मैं अपने एप्लिकेशन से लेआउट को कैसे बदलूं या हटा सकता हूं? (कोई navbar, या अन्य अतिरिक्त डेटा)मैं प्रिंटर के अनुकूल HTML पृष्ठ कैसे बना सकता हूं?

मैं इसे समझने की कोशिश कर रहा कुछ घंटों के लिए टेबल के खिलाफ अपने सिर को टक्कर लगी हूं। मैंने सफलता के बिना render layout: false का उपयोग करने का प्रयास किया है।

मैं नीचे की तरह एक कार्रवाई बनाने की कोशिश की है, लेकिन यह मेरे लिए काम नहीं किया या तो:

def print 
    respond_to do |format| 
    format.html { render layout: false } 
    end 
end 

मैं निम्नलिखित का उपयोग करके इस कार्रवाई को जोड़ने की कोशिश की:

<%= link_to 'Printer Friendly Version', product_path(@product), :action => 'print', target: '_new' %>

Am मैं बस यहाँ पूरी तरह से आधार से बाहर? मैं इस बाधा से बेहतर कैसे पहुंच सकता हूं? मैं पीडीएफ या जावास्क्रिप्ट का उपयोग नहीं करना चाहता, मैं प्रिंटर-अनुकूल एचटीएमएल प्रस्तुत करना चाहता हूं।

+0

जांचें http://guides.rubyonrails.org/layouts_and_rendering.html#choosing-layouts-at-runtime – apneadiving

उत्तर

11

आप सिर्फ इस तरह सीएसएस के साथ ऐसा कर सकते हैं: full article here.

<style type="text/css"> 
@media print{ 
    body{ background-color:#FFFFFF; background-image:none; color:#000000 } 
    #ad{ display:none;} 
    #leftbar{ display:none;} 
    #contentarea{ width:100%;} 
} 
</style> 

देखें जब यह पता लगाता है कि पेज प्रिंटर पर भेजा जा रहा है यह एक सरल सीएसएस का उपयोग करता है।

-- W3Schools link --

सार:

इसके अलावा this article देख कैसे प्रिंटर अनुकूल वेब पृष्ठों

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

यह आलेख कैस्केडिंग स्टाइल शीट्स का उपयोग डिज़ाइन मुद्रित वेब पृष्ठों पर करने के लिए एक त्वरित रूप से देखता है।

+0

यह एक महान संदर्भ और सरल अवधारणा है। अब मैं अपनी print.css स्टाइलशीट बना रहा हूं, हालांकि मुझे यह पता लगाना होगा कि जब मैं अपने प्रिंटर अनुकूल लिंक पर क्लिक करता हूं तो इसे कैसे लागू किया जाए। धन्यवाद! – pyRabbit

+0

@pyRabbit: आपको प्रिंट-फ्रेंडली लिंक की भी आवश्यकता नहीं है। यदि आप अपडेट किए गए उत्तर को देखते हैं तो आप देख सकते हैं कि जब प्रिंटर का पता लगाया जाता है तो प्रिंटर-अनुकूल सीएसएस स्वचालित हो सकता है। कोई अन्य यूआई आवश्यक नहीं है। –

+0

आपकी अपडेट की गई इनलाइन शैलियों ने मेरे लिए बहुत अच्छा काम किया! मुझे बस अपने सीएसएस को अद्यतित रखने के शीर्ष पर बने रहना होगा। धन्यवाद! – pyRabbit

संबंधित मुद्दे