-
New Commercial Services Section
We have now opened a commercial services section here on the forum for registered users. If you have a Fabrik project that you wish to have someone work on for you, post it under Help Wanted. If you are an application developer and wish to earn some money helping others, post your details under Fabrik Application Developers.
Both of these are unmoderated. It will be up to both parties to work out the details and come to an agreement.
-
Joomla 5.1
For running J!5.1 you must https://fabrikar.com/forums/index.php?wiki/update-from-github/ or include the new file manually https://fabrikar.com/forums/index.php?threads/joomla-5-1-and-fabrik-cannot-find-files-error.54473/post-285151 See also Announcements
Popup Filter size control
- Thread starter jo-ka
- Start date
jo-ka
Member
Thanks @lousyfool. Can you please point me on which file?
jo-ka
Member
Thanks @lousyfool , I was able to set the width on list custom_css.php file.
Once I'm really dumb on CSS, can you help me out on managing the with of the 3 columns here? This is, I've set the list filter option to 3 columns. Then, Fabrik just pick the 12 bootstrap elements, and divide it by 3, giving 4 grid positions to each element.
Using browser programmer tools, I can manage this, but not on the custom_css.php file, because I'm missing the class to force the bootstrap class.
Can you please help?
Code:
#listform_$c .modal-dialog {
width: 960px;
}Once I'm really dumb on CSS, can you help me out on managing the with of the 3 columns here? This is, I've set the list filter option to 3 columns. Then, Fabrik just pick the 12 bootstrap elements, and divide it by 3, giving 4 grid positions to each element.
Using browser programmer tools, I can manage this, but not on the custom_css.php file, because I'm missing the class to force the bootstrap class.
Can you please help?
You could try in your custom_css.php to use the same media query and as selector
to set the width the same as .col-md-5
But that's just general CSS. If you're not familiar with it and can't solve it yourself, it'll be guesswork here at this end, too -- unless you have a link to the page.
Code:
.modal-body > .row > .col-md-4But that's just general CSS. If you're not familiar with it and can't solve it yourself, it'll be guesswork here at this end, too -- unless you have a link to the page.
jo-ka
Member
That's it. I'll try to trick around with your suggestion.
jo-ka
Member
Just for other members that might be looking for the same, here's my solutions after @lousyfool suggestion and a friend help:
On my list custom_css.php file, I've done this, to set the width of the window and control the columns width (Replace de XX with the list ID)
The padding-top it's just for elements aligment.
And, here's the result...
On my list custom_css.php file, I've done this, to set the width of the window and control the columns width (Replace de XX with the list ID)
The padding-top it's just for elements aligment.
And, here's the result...
Attachments
Good if it works for you.
Just thinking what it might look on a small screen, though. As mentioned, you may want to wrap it into a media query... e.g.
where the 960px may want to be adjusted to the breakpoint where your Joomla template's col-md-X is starting.
Just thinking what it might look on a small screen, though. As mentioned, you may want to wrap it into a media query... e.g.
Code:
@media (min-width: 960px) {
// your CSS code
}