Home » discuss » Public forums » iMIS Community

cart icons

Posted June 7th, 2012 by etarasew
| | | | |

I've run into an issue with the icons (icon_remove.gif, etc. for view, edit, delete registration as an example) in the cart not showing up on one of our client's servers. In IE, I see the 'missing image' red X box.

We're using the PV functionality (.../Core/cart/mycart.aspx) not iParts and in checking the page source, the src tag is empty (""). I'm using an modified Aspen2 theme and have verified that those icons exist in the App_Theme folder.

Is there a configuration setting somewhere for the location of these icons (web.config or somewhere)?

‹ Authenticating with web servicejQuery not working in WCM?? ›
login or register to post comments | printer friendly version

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

Edit the skin file

On June 11th, 2012 Andrea Robertson says:

You have to register these icons in the Aspen.skin file. Aspen was written to be backwards-compatible with many non-iPart pages, whereas Aspen2 and Birch were not, so you will have to update a few things manually to get this functionality.

In the Aspen/Aspen.skin file you will see these entries:

<asp:ImageButton runat="server" SkinID="SelectButton" CssClass="IconSprite SelectIcon" ImageUrl="images/Pixel.png" />
<asp:ImageButton runat="server" SkinID="CheckButton" CssClass="IconSprite CheckIcon" ImageUrl="images/Pixel.png" />
<asp:ImageButton runat="server" SkinID="UndoButton" CssClass="IconSprite UndoIcon" ImageUrl="images/Pixel.png" />
<asp:ImageButton runat="server" SkinID="ResetButton" CssClass="IconSprite ResetIcon" ImageUrl="images/Pixel.png" />
<asp:ImageButton runat="server" SkinID="CancelButton" CssClass="IconSprite CancelIcon" ImageUrl="images/Pixel.png" />

Add this to your theme's .skin file (likely called Aspen.skin as well).

Next, in Aspen/99-Aspen.css you will see a section titled "Action Icons Styling" that handles the sprites. Replace the same section in your 99 theme style sheet with this code, but change the width and height to 18px each.

Let me know if you still have any issues after trying this out.

-Andrea

login or register to post comments

Correction

On June 11th, 2012 Andrea Robertson says:

One correction: the width and height should be 20px, not 18. You should also add in the 3px margin to the IconSprite declaration.

So the first decrlataion in the sprite section should look like:

.IconSprite, 
.DeleteImage, .EditImage, .ArrowUp, .ArrowUpOff, .ArrowDown, .ArrowDownOff /* Classes on this row are needed for compatibility purposes */
{
    background-image: url(images/IconSprite.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-top: 3px;
}

login or register to post comments

old aspen??

On June 13th, 2012 etarasew says:

So turns out there was no Action Icons Styling section in the 99-Aspen.css file in the Theme folder (or in the Aspen theme folder) - perhaps an old css file?? I've copied the 99-Aspen.css from another installation, which has those styles. I've also copied the skin file (as that appeared to be lacking a lot as well). While this has remedied some other look and feel issues, I'm still not seeing the icons.

login or register to post comments

Icons only released in 15.2.1

On June 14th, 2012 Andrea Robertson says:

The action icons were added in the 15.2.1 release, so if you are using an earlier version they will not have been there. If that is the case you will also have to copy over the sprite file, IconSprite.png. The sprite in the Aspen2 folder is better suited for the Aspen2 theme, but it might be missing the select button.

Alternatively, you could also use separate icons for each button, instead of using a sprite. If you wish to do that you can edit the skin file - just remove the CssClasses and edit the ImageURLs for the icons you want. The buttons used in the Cart are the ones with SkinIDs "SelectButton", "EditButton" and "DeleteButton".

login or register to post comments