-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi,
I have problem with caption style. I want to add 'text-overflow' and it works if window's title is used. But when I use inner caption (I have to use to add icon before title), 'text-overflow' is ignored, probably because inner div+span (caption related) are created. Is there ZK generic solution how to use caption inside window to have title overflow and actions (close, maximize, etc.) in the same row?
Here is example: https://zkfiddle.org/sample/8hd1mb/1-Window-Caption-Overflow (zkfiddle)
Here is updated example what I want to satisfy with icon in title: zkfiddle
please check https://zkfiddle.org/sample/8hd1mb/3-Window-Caption-Overflow to see if it fulfills your requirement.
for iceblue: https://zkfiddle.org/sample/8hd1mb/4-Window-Caption-Overflow iceblue has larger padding, so caption content needs to be narrower.
use css flexbox https://zkfiddle.org/sample/8hd1mb/6-Window-Caption-Overflow
Sorry, but it seems last solution has again side effect. Close action is first one, not as usual last one. Can we somehow decide order of window actions? Here is example: https://zkfiddle.org/sample/8hd1mb/7-Window-Caption-Overflow
I run your https://zkfiddle.org/sample/8hd1mb/7-Window-Caption-Overflow
what I see is close button is the right-most one. It's default design.
My environment is chrome 89, Mac OS. Can you check the buttons with the developer tool?
found a solution that works in 9.1 https://zkfiddle.org/sample/8hd1mb/9-Window-Caption-Overflow
Asked: 2021-04-07 23:26:54 +0800
Seen: 24 times
Last updated: Apr 09 '21