Skin Builder - css issue

The Skin Builder is missing certain urls, I noticed that the progress indicator is not showing after applying a custom css from the skyBlue theme.

There are a handful of items which have: background-image: url(“@url”);

for example:

.dhxlayout_base_dhx_skyblue .dhxlayout_cont div.dhx_cell_progress_img {
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px solid #a4bed4;
  background-position: center 55%;
  background-image: url("@url");
  background-repeat: no-repeat;
  cursor: progress;
  z-index: 6;
}

Hello
How to reproduce this issue? What broweser and OS do you use?

Go to the Skin Builder, change the font to Arial and the font size, press download then look at the css file.

Thank you for information. We have already fixed it - you can try now

Yea!! My users are missing their colors! Someday, I wish you would have an extended pro version which would have a separate directory for each for skyblue colors: sky blue, light-green, pink-yellow, etc… So I would not need to download them with each upgrade.

It would be great if each color also had a small,med and large rowsize/font-size option. Since there are 8 themes, this would take 8x3 or 24 directories. My users would love to be able to switch between 8 themes and 3 sizes.

I know I can do this myself, it just takes a lot to set this up.

You can add your propose here:
viewforum.php?f=10
We will discuss this branch

It looks like there is another issue with the skin builder. The grid sort images (upper right of the column header) do not show. In chrome inspector, I added: z-index: 5000 to the div and then it shows.

z-index:1; works

.dhxgrid_sort_desc,
.dhxgrid_sort_asc {
  width: 9px;
  height: 8px;
  background-image: url("imgs/dhxgrid_skyblue/sort_desc.gif");
  background-repeat: no-repeat;
  z-index:1;
}

Also for some skins I replaced the up/down images with the non-skinned images as they completely blended into the header which made them invisible–even after changing the z-index.

Could you provide us your custom skin to test it (demo) on support@dhtmlx.com with a link to this topic?
docs.dhtmlx.com/auxiliary_docs__ … pport.html

I manually updated each custom skin. To reproduce download the SkyBlue skin and then go to a grid which has setSortImgState() set and you won’t see the arrow in the header.

Hi

please try now. fix from 4.2.1 (grid - sorting image regression fixed from docs.dhtmlx.com/dhx4_whats_new.html) wasn’t included.

Ok great, I will hopefully soon apply the update. You’ve built a very nice framework!