This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm that you accept these cookies being set.

img in front of text / value
#5
(23.05.2022, 16:22)admin Wrote: Post an image of what you are trying to accomplish.

We've made a BluOs KNX (& modbus & BACnet) gateway library / gateway and for the visualisation we're constructing as attached (just a prelim version).
On the top right you see 2 boxed texts, currently left aligned, which open a widget

In front of the text is an icon. This is now a seperate img element.

But we want to right align those 2 elements (in fact the top one is an object with dynamic content depending on player grouping, the one below is a text label)

For the rounded bow we havea custom css class:
.BWgroupBorder {
  border-styleConfusedolid;
  border-width: 2px;
  border-color:#E5E5E5;
  border-radius: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 8px;
  padding-left: 28px;
}

the left padding creates the space for the img at size 16x16

Cheers,
Christof

Attached Files Thumbnail(s)
   
Don't ask what we can do in KNX but wonder what we can't - www.KNXlogic.eu
Reply


Messages In This Thread
img in front of text / value - by cdebackere - 23.05.2022, 13:40
RE: img in front of text / value - by admin - 23.05.2022, 14:06
RE: img in front of text / value - by admin - 23.05.2022, 16:22
RE: img in front of text / value - by cdebackere - 23.05.2022, 19:11
RE: img in front of text / value - by admin - 24.05.2022, 07:08
RE: img in front of text / value - by admin - 24.05.2022, 08:14
RE: img in front of text / value - by admin - 24.05.2022, 13:58

Forum Jump: