Skin Builder - css issue

Suite and Optimus Suite 5
#1

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;
}
#2

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

#3

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

#4

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

#5

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.

#6

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

#7

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.

#8

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;
}
#9

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.

#10

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

#11

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.

#12

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.

#13

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