Question

Is it possible to put 2 details side by side instead of up and down?

Like 2

Like

3 comments
Best reply

Hello Ahmad,

Yes, I do this often with CSS. It takes a bit of playing in dev tools to find the correct element to apply the styles to. In the case where you have two details "DetailA" and "DetailB", the styles are typically like this (you'll need to find the element of the detail that has the class "added-detail" to apply these to): 

/* DetailA - apply to element with class .added-detail */
#AccountPageV2UsrSchema8Detail1c7637b0Container {
    display: inline-block;
    width: 45%;
    margin-right: 10px;
    vertical-align: top;
}
 
/* DetailB - apply to element with class .added-detail */
#AccountPageV2UsrSchema6Detail0235cca7Container {
    display: inline-block;
    width: 45%;
    vertical-align: top;
}

The end result looks something like this:

You can see more of how to add custom CSS to a page here: https://customerfx.com/article/adding-custom-css-style-sheets-in-bpmonl…

Ryan

Hello,

 

Thank you for your question! 

We are constantly improving our application and this has been made possible in Creatio freedom UI:

https://academy.creatio.com/docs/8-0/user/nocode_platform/set_up_the_ui…

 

Unfortunately, if you use version 7.х - this can be achieved only by means of additional development.

 

Best regards,

Anastasiia

Hello Ahmad,

Yes, I do this often with CSS. It takes a bit of playing in dev tools to find the correct element to apply the styles to. In the case where you have two details "DetailA" and "DetailB", the styles are typically like this (you'll need to find the element of the detail that has the class "added-detail" to apply these to): 

/* DetailA - apply to element with class .added-detail */
#AccountPageV2UsrSchema8Detail1c7637b0Container {
    display: inline-block;
    width: 45%;
    margin-right: 10px;
    vertical-align: top;
}
 
/* DetailB - apply to element with class .added-detail */
#AccountPageV2UsrSchema6Detail0235cca7Container {
    display: inline-block;
    width: 45%;
    vertical-align: top;
}

The end result looks something like this:

You can see more of how to add custom CSS to a page here: https://customerfx.com/article/adding-custom-css-style-sheets-in-bpmonl…

Ryan

Ryan Farley,

Thank you Ryan!!

Show all comments