Jump to content
Welcome to our new Citrix community!

How to wrap names of icons on storefront


Recommended Posts

I'm trying to get the name of the icons on storefront  to overflow-wrap to the next line.  I guess it is customized in the CSS file but I have been unsuccessful in making this happen. The name of the icon is getting cutoff.  I'm using small tiles with no details. 

 

I have attached a sample of my problem.

image.thumb.png.eed8b56fd1def6aecf3f6c182a9606d1.png

 

My Thanks to anyone who may be able to point me in the right direction. 

Link to comment
Share on other sites

I'm using version 3.12 storefront. 

Here are my customization I have in the Css file now. 

 .storeapp-details-link {
height:94px;
}
.storeapp-icon {
height:45px;
width:45px;
}
.storeapp-list .storeapp, .storeapp-list .folder {
width: 100px;
}
.storeapp-action-link {
display: none;
}
.storeapp-category {
display: none;
}

I would appreciate if you could point me in the correct direction in making this look better.  

Link to comment
Share on other sites

  • 1 year later...

Just add the following lines in your .\custom\styles.css :

.largeTiles .storeapp .storeapp-name {

overflow-wrap:break-word;

}

fix:

And add following to .\custom\script.js :

(function(c){

   var e = 0;

   window.CTXS=c.extend(window.CTXS||{},{

    truncateToFit:function(a,b,d,e,l){

       return b

      }

})

})(jQuery);

 

That should do it. I was looking for this aswell, apparently everybody is fine with cut application names. 

Edited by pkoroch249
Forgot additional code block
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...