[SOLVED] Hide widget title space in container app

Scriptcase 8 Discussion
#1

How could I hide the space used for the widget title in a container app? When I don’t need titles, these unnecessary blank spaces makes my layout design really ugly.

#2

I don’t think you can…

#3

Well, I inspected the generated code and I can see that the related style to achieve what I want is this:

#columns .widget .widget-head {
    overflow: hidden;
    width: 100%;
    height: 23px;
    line-height: 23px;
}

If I set manually height property to 0px in the browser, the title space disappear, but I don’t know where I can introduce new code since there are no events in container apps.

#4

How about modifying the header template that you are using to include the css modifications that you want?

I have done that for some similar issues.

Dave

#5

Indeed, I’m not displaying header. Anyway, header belongs to the container not to the widget. So, I’m not able to resolve this issue yet. Thanks for your suggestion Dave.

#6

I have the same problem and found no solution.

#7

Error in the CSS-Handling

i found a error in the BlueSky-Template /_lib/css/BlueSky/BlueSky_container.css

see the bold “px” before “Height”:
.scContainerTitle { color: #000000; font-family: Arial, sans-serif; font-size: 12px; padding: 0px;px Height:0px; spacing: 0; text-decoration: none }

i have define for padding: “0px; Height:0px” in the CSS-Editor, the Original-define is “0px; Height:20px” (in many Original-Templates)
the problem is the “;”-sign

Examples:
[table=“width: 400”]
[tr]
[td]defined[/td]
[td]received[/td]
[/tr]
[tr]
[td]0px; Height:0px[/td]
[td]padding: 0px;px Height:0px[/td]
[/tr]
[tr]
[td]0px; Height:0px;[/td]
[td]padding: 0px;px Height:0px;px[/td]
[/tr]
[tr]
[td]0px Height:0px[/td]
[td]padding: 0 Height: 0;[/td]
[/tr]
[/table]

#8

Hello everyone,

I agree with you. We have no options to set the space of container title. I’ve discussed to our bugs team and I’m waiting a review of the case for a possible implementation.

Any updates, I’ll post here.

#9

Hello everyone.

A new flag will be implemented in the future to show / hide the “widget head” container and all its content.
This means setting this flag to “No” will disable remove, move, maximize and expand actions implicitly.