Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

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

Avatar

Avatar
Validate 1
Level 2
titusrk
Level 2

Likes

2 likes

Total Posts

16 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile

Avatar
Validate 1
Level 2
titusrk
Level 2

Likes

2 likes

Total Posts

16 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile
titusrk
Level 2

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
Coach
MVP
Arun_Patidar
MVP

Likes

1,358 likes

Total Posts

3,228 posts

Correct Reply

918 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,358 likes

Total Posts

3,228 posts

Correct Reply

918 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile
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
Validate 1
Level 2
titusrk
Level 2

Likes

2 likes

Total Posts

16 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile

Avatar
Validate 1
Level 2
titusrk
Level 2

Likes

2 likes

Total Posts

16 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile
titusrk
Level 2

27-05-2018

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

Avatar

Avatar
Validate 1
Level 2
ashish_kumarm48
Level 2

Likes

3 likes

Total Posts

19 posts

Correct Reply

2 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Affirm 1
View profile

Avatar
Validate 1
Level 2
ashish_kumarm48
Level 2

Likes

3 likes

Total Posts

19 posts

Correct Reply

2 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Affirm 1
View profile
ashish_kumarm48
Level 2

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
Validate 1
Level 2
titusrk
Level 2

Likes

2 likes

Total Posts

16 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile

Avatar
Validate 1
Level 2
titusrk
Level 2

Likes

2 likes

Total Posts

16 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile
titusrk
Level 2

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
Validate 1
Level 2
ashish_kumarm48
Level 2

Likes

3 likes

Total Posts

19 posts

Correct Reply

2 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Affirm 1
View profile

Avatar
Validate 1
Level 2
ashish_kumarm48
Level 2

Likes

3 likes

Total Posts

19 posts

Correct Reply

2 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Affirm 1
View profile
ashish_kumarm48
Level 2

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
Validate 1
Level 2
titusrk
Level 2

Likes

2 likes

Total Posts

16 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile

Avatar
Validate 1
Level 2
titusrk
Level 2

Likes

2 likes

Total Posts

16 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile
titusrk
Level 2

28-05-2018

okay, let me try once,
thanks for the help

Avatar

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,358 likes

Total Posts

3,228 posts

Correct Reply

918 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,358 likes

Total Posts

3,228 posts

Correct Reply

918 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile
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
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,408 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,408 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

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.