p：カルーセルアイテムをカルーセルの幅と高さに合わせるにはどうすればいいですか？

私はすなわち400ピクセルのx 200pxのフレームの外側に、Carousselを一致するようにその右の境界線を表示する必要がありp:carousselでp:outputLabelを持っている：p：カルーセルアイテムをカルーセルの幅と高さに合わせるにはどうすればいいですか？

<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" 
     xmlns:h="http://xmlns.jcp.org/jsf/html" 
     xmlns:p="http://primefaces.org/ui"> 
    <h:head> 
     <title>Facelet Title</title> 
    </h:head> 
    <h:body> 
     <h:panelGroup style="width: 400px; float: left;" layout="block"> 
     <p:carousel> 
     <p:outputLabel value="No preview available" style="width: 100%; height: 200px; display: block;"/> 
     </p:carousel> 
     </h:panelGroup> 
    </h:body> 
</html>

それはは50pxのx 200pxのの不可解なフレームの周囲に境界線を表示します：https://github.com/krichter722/jsf-width-and-height-on-outputlabelで

MVCE。

私はPrimefaces 6.0を使用しています。

出典

2017-04-30 Karl Richter

あなたは 'P取り除くのであれば、それは動作します：panelGroup'を？または出力ラベルで 'ブロックスタイル'を削除した場合はどうしますか？そして、クライアントサイドで生成されたhtmlを見てください...それはあなたの原因につながるでしょう...これはPrimeFaces関連ではありませんが、おそらく純粋なhtml/css（そして100％jsf-2.2ではなく私はそれを取り除いたので） – Kukeltje

驚くほど簡単です。 CSSを使用してこれをハックしようとするのではなく、p:carouselの属性を1に設定してください。

これが私の仕事：

<h:panelGroup style="width: 400px; float: left;" layout="block"> 
    <p:carousel numVisible="1" itemStyle="height: 200px;"> 
    <h:outputText value="No preview available"/> 
    </p:carousel> 
</h:panelGroup>

はまた、あなたが（あなたが一定の高さが必要な場合）あなたの項目の高さを設定するためにitemStyleを使用できることに注意してください。

...カーソルを気にしない;-)

出典

2017-05-01 18:25:43

質問に[mcve]が含まれていればこれは本当に答えになるだろうが、これはカルーセルの奇妙な使い方なので、それは疑問だよ： – Kukeltje

@Kukeltje良い点は、https： /github.com/krichter722/jsf-width-and-height-on-outputlabel（MCVE用）それは動作します、ありがとう！ –

私は何を意味したのですか？**なぜあなたは出力ラベル（そしてただ1つ）をカルーセルに入れたいのですか？それはあなたの質問に良い追加されているだろう。それはちょっと変わったように見えましたので、私はさらに見ていないので、あなたが調査できるいくつかのことを提案しました。そしてサイドノートとして、[mcve]はINのstackoverflowに属し、外部のgitubではありません（外部コードが変更/消滅する可能性があるため/ ... – Kukeltje

p：カルーセルアイテムをカルーセルの幅と高さに合わせるにはどうすればいいですか？

答えて

関連する問題