Note that there are some explanatory texts on larger screens.

plurals
  1. POicefaces calendar images are not displayed
    primarykey
    data
    text
    <p>I am using icefaces popup calendar. My problem is that the images could not be found. It seems to be a known bug. </p> <p><img src="https://i.stack.imgur.com/3UFIW.png" alt="Calendar in Safari"></p> <p>So what now? This is what the icefaces api told me about the selectInputDate:</p> <p>imageDir:</p> <blockquote> <p>Set directory for location of the button images. Deprecated. Use styleClass instead. The style class name for a button is made up of the styleClass name plus a predefined name. For example: with a styleClass name of "myCalendar", the button class names would be: myCalendarMovePrev, myCalendarMoveNext, myCalendarOpenPopup, myCalendarClosePopup. Override the images with the background-image property.</p> </blockquote> <p>But overwriting the background-image does not work because the generated input field is of type image which uses "src".</p> <pre><code>&lt;ice:selectInputDate styleClass="iceCal" id="detailFrist" value="#{ticketDetailListBean.ticket.frist}" label="Fällig bis" labelPosition="left" requiredIndicator="(*)" required="true" indicatorPosition="right" renderAsPopup="true" validator="de.xxxxx.validator.TicketFristValidator"&gt; &lt;f:converter converterId="de.xxxxx.converter.MultiDateConverter" /&gt; &lt;f:attribute name="pattern1" value="dd.MM.yyyy" /&gt; &lt;f:attribute name="pattern2" value="ddMMyyyy" /&gt; &lt;f:attribute name="pattern3" value="dd.MM" /&gt; &lt;f:attribute name="pattern4" value="ddMM" /&gt; &lt;/ice:selectInputDate&gt; .iceCalMovePrev { background-image:url(../images/icons_opensource/arrow-down.png); background-repeat:none; } .iceCalMoveNext { background-image:url(../images/icons_opensource/arrow-down.png); background-repeat:none; } .iceCalMoveOpenPopup { background-image:url(../images/icons_opensource/arrow-down.png); background-repeat:none; } .iceCalClosePopup { background-image:url(../images/icons_opensource/arrow-down.png); background-repeat:none; } </code></pre> <p>I inspected the code with Safari:</p> <p><img src="https://i.stack.imgur.com/k2wig.png" alt="enter image description here"></p> <p>If i open the calendar with google chrome, it looks so:</p> <p><img src="https://i.stack.imgur.com/HPNGF.png" alt="enter image description here"></p> <p>So what can I do t display the images correctly and easily?</p> <p>Update : </p> <p>At moment I use the deprecated method. First I need to add the Resource Servlet, declared in web.xml:</p> <pre><code>&lt;servlet&gt; &lt;servlet-name&gt;Resource Servlet&lt;/servlet-name&gt; &lt;servlet-class&gt;com.icesoft.faces.webapp.CompatResourceServlet&lt;/servlet-class&gt; &lt;load-on-startup&gt;1&lt;/load-on-startup&gt; &lt;/servlet&gt; &lt;servlet-mapping&gt; &lt;servlet-name&gt;Resource Servlet&lt;/servlet-name&gt; &lt;url-pattern&gt;/xmlhttp/*&lt;/url-pattern&gt; &lt;/servlet-mapping&gt; </code></pre> <p>The Icon Bug is still alive... but now no error and no icon is displayed, so here is the part of using the deprecated method:</p> <pre><code>imageDir="/xmlhttp/css/rime/css-images/" </code></pre> <p>That is looking so now... :</p> <p><img src="https://i.stack.imgur.com/Az1Vf.png" alt="enter image description here"></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload