This topic is locked
[SOLVED]

 Change appearance/location of "Add New" on the fly

7/30/2017 6:36:37 PM
PHPRunner General questions
S
SteveDickson author

Just wondering if anyone knows how to change the appearance/location where the "Add New" link goes.
Currently it appears below the edit box for that field. I would like to move it to be beside the field (maybe directly after it) and only be e.g. a plus symbol. This would make the screen a lot cleaner looking.
TIA

J
jomppa10 8/1/2017

Hi,
try this for bootstrap custom css:
add, edit modal pages:
.bs-popup .form-control {

display: inline-block;

}

.bs-popup .bs-lookup-links {

display: inline-block;

margin-left:4px;

}
and for normal add, edit pages
.page-edit_bootstrap .form-control

{

display: inline-block;

}
.page-edit_bootstrap .bs-lookup-links

{

display: inline-block;

margin-left:4px;

}
regards
Jouni

S
SteveDickson author 8/2/2017



Hi,
try this for bootstrap custom css:
add, edit modal pages
.bs-popup .form-control {

display: inline-block;

}

.bs-popup .bs-lookup-links {

display: inline-block;

margin-left:4px;

}
and for normal add, edit pages
.page-edit_bootstrap .form-control

{

display: inline-block;

}
.page-edit_bootstrap .bs-lookup-links

{

display: inline-block;

margin-left:4px;

}
regards
Jouni


Hi Jouni,
Thanks for your reply. I have a simple system set up to test things and it is using Bootstrap with cerulean theme. I went to the style tab whilst in the edit page, then clicked on "this page has custom settings", then clicked on "Custom CSS" - then inserted your code.
.page-edit_bootstrap .form-control

{

display: inline-block;

}
.page-edit_bootstrap .bs-lookup-links

{

display: inline-block;

margin-left:4px;

}
It did not change anything however. I am using PHPRunner 9.8 in case that makes a difference.
Cheers
Steve

Sergey Kornilov admin 8/2/2017

I think you need to post a screenshot of how it looks now and also an example of how you need to change it. At this moment I'm really at loss what exactly you want to change and how.

J
jomppa10 8/2/2017

Hi,
also using PHPRunner 9.8. Try also this for regular add pages. Works fine also in my plain test project Bootstrap / Cerulean.
.page-add_bootstrap .form-control

{

display: inline-block;

}
.page-add_bootstrap .bs-lookup-links

{

display: inline-block;

margin-left:4px;

}
The 'add new' -link settles now right after an edit box (margin 4px) .
regards
Jouni

S
SteveDickson author 8/5/2017

Jouni,
I have changed my original reply as I have just worked it out.
It appears to only work with "Edit box with AJAX popup" whereas I had "Dropdown box" selected. Would it be possible to do it with "Dropdown box" do you think?
Thanks for your help.

S
SteveDickson author 8/9/2017



Hi,
also using PHPRunner 9.8. Try also this for regular add pages. Works fine also in my plain test project Bootstrap / Cerulean.
.page-add_bootstrap .form-control

{

display: inline-block;

}
.page-add_bootstrap .bs-lookup-links

{

display: inline-block;

margin-left:4px;

}
The 'add new' -link settles now right after an edit box (margin 4px) .
regards
Jouni


Jouni,
I got it working with Bootstrap, but not Bootstrap_Menu. I'm a newbie with CSS, so I tried replacing references of bootstrap to bootstrap_menu but that didn't help. Any suggestions would be much appreciated.
Cheers
Steve