Display demo updated
parent
40f82b34c6
commit
f6b7cbb663
|
@ -27,10 +27,10 @@
|
||||||
<Button type="button" icon="pi pi-search" class="p-button-rounded p-button-success p-d-none p-d-md-inline-flex" />
|
<Button type="button" icon="pi pi-search" class="p-button-rounded p-button-success p-d-none p-d-md-inline-flex" />
|
||||||
|
|
||||||
<h5>Visible to Print, Invisible for Screen</h5>
|
<h5>Visible to Print, Invisible for Screen</h5>
|
||||||
<p class="p-d-none p-print-block">Only visible when printed.</p>
|
<p class="p-d-none p-d-print-block">Only visible when printed.</p>
|
||||||
|
|
||||||
<h5>Visible to Screen, Invisible for Print</h5>
|
<h5>Visible to Screen, Invisible for Print</h5>
|
||||||
<p class="p-d-block p-print-none">Not available for printing.</p>
|
<p class="p-d-block p-d-print-none">Not available for printing.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -31,8 +31,8 @@
|
||||||
<div class="p-d-block p-d-lg-inline">Inline for larger screens and block for others.</div>
|
<div class="p-d-block p-d-lg-inline">Inline for larger screens and block for others.</div>
|
||||||
<div class="p-d-md-none">Visible on a Small Screen</div>
|
<div class="p-d-md-none">Visible on a Small Screen</div>
|
||||||
<div class="p-d-none p-d-md-inline-flex">Hidden on a Small Screen</div>
|
<div class="p-d-none p-d-md-inline-flex">Hidden on a Small Screen</div>
|
||||||
<div class="p-d-none p-print-block">Only visible when printed.</div>
|
<div class="p-d-none p-d-print-block">Only visible when printed.</div>
|
||||||
<div class="p-d-block p-print-none">Not available for printing.</div>
|
<div class="p-d-block p-d-print-none">Not available for printing.</div>
|
||||||
|
|
||||||
</code></pre>
|
</code></pre>
|
||||||
|
|
||||||
|
@ -68,10 +68,10 @@ export default {
|
||||||
<Button type="button" icon="pi pi-search" class="p-button-rounded p-button-success p-d-none p-d-md-inline-flex" />
|
<Button type="button" icon="pi pi-search" class="p-button-rounded p-button-success p-d-none p-d-md-inline-flex" />
|
||||||
|
|
||||||
<h5>Visible to Print, Invisible for Screen</h5>
|
<h5>Visible to Print, Invisible for Screen</h5>
|
||||||
<p class="p-d-none p-print-block">Only visible when printed.</p>
|
<p class="p-d-none p-d-print-block">Only visible when printed.</p>
|
||||||
|
|
||||||
<h5>Visible to Screen, Invisible for Print</h5>
|
<h5>Visible to Screen, Invisible for Print</h5>
|
||||||
<p class="p-d-block p-print-none">Not available for printing.</p>
|
<p class="p-d-block p-d-print-none">Not available for printing.</p>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -104,10 +104,10 @@ export default {
|
||||||
<Button type="button" icon="pi pi-search" class="p-button-rounded p-button-success p-d-none p-d-md-inline-flex" />
|
<Button type="button" icon="pi pi-search" class="p-button-rounded p-button-success p-d-none p-d-md-inline-flex" />
|
||||||
|
|
||||||
<h5>Visible to Print, Invisible for Screen</h5>
|
<h5>Visible to Print, Invisible for Screen</h5>
|
||||||
<p class="p-d-none p-print-block">Only visible when printed.</p>
|
<p class="p-d-none p-d-print-block">Only visible when printed.</p>
|
||||||
|
|
||||||
<h5>Visible to Screen, Invisible for Print</h5>
|
<h5>Visible to Screen, Invisible for Print</h5>
|
||||||
<p class="p-d-block p-print-none">Not available for printing.</p>
|
<p class="p-d-block p-d-print-none">Not available for printing.</p>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue