How to make two text box in edit dialog box appear row wise instead of column wise ??

Avatar

Avatar

titusrk

Avatar

titusrk

titusrk

25-05-2018

How to make two text box in edit dialog box appear row wise instead of column wise ??

Image.PNG

Replies

Avatar

Avatar

Arun_Patidar

MVP

Total Posts

3.0K

Likes

1.1K

Correct Reply

857

Avatar

Arun_Patidar

MVP

Total Posts

3.0K

Likes

1.1K

Correct Reply

857
Arun_Patidar
MVP

25-05-2018

Hi,

This can be done with the help of CSS but I don't think so it would be a good idea because in dialog the appearing wouldn't be nice if dialog width is less.

Screen Shot 2018-05-25 at 11.47.02 PM.png

Screen Shot 2018-05-25 at 11.47.25 PM.png

Thanks

Arun

Avatar

Avatar

titusrk

Avatar

titusrk

titusrk

27-05-2018

But how ?
Where the CSS file should be placed so, that its reflected in editDialog box ?

Avatar

Avatar

ashish_kumarm48

Avatar

ashish_kumarm48

ashish_kumarm48

28-05-2018

You can place this CSS file in a client-lib and make the category of that clientlib to "cq.authoring.dialog". then it will get included in the Touch UI dialog.

Avatar

Avatar

titusrk

Avatar

titusrk

titusrk

28-05-2018

so you mean, i have to create clientlib folder under my custom component  and have the css file under that client lib folder and add  a property called cq.authoring.dialog  under clientlib , then css will be reflected in dialog box ?

Avatar

Avatar

ashish_kumarm48

Avatar

ashish_kumarm48

ashish_kumarm48

28-05-2018

yes, you need to make a clientlib folder and then place this CSS file under that and add a property called categories with value "cq.authoring.dialog". Please find the below reference image.

1496614_pastedImage_2.png

Avatar

Avatar

titusrk

Avatar

titusrk

titusrk

28-05-2018

okay, let me try once,
thanks for the help

Avatar

Avatar

Arun_Patidar

MVP

Total Posts

3.0K

Likes

1.1K

Correct Reply

857

Avatar

Arun_Patidar

MVP

Total Posts

3.0K

Likes

1.1K

Correct Reply

857
Arun_Patidar
MVP

28-05-2018

Hi,

I'll suggest you to add granite:class property in your items to add extra class which can handle your item layout otherwise you have to take care to apply it only for specific item.

Thanks

Arun

Avatar

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K
smacdonald2008

28-05-2018

Having granite types lined up on same row will not look good. I cannot see any advantage to doing this at all.