[SOLVED] Search result page is not perfectly responsive

More
8 years 11 months ago - 8 years 11 months ago #54889 by charlynancy
I test FLEXIcontent v3.0 Beta7d with Joomla 3.4.1
The search result page (basic search) is not perfectly responsive.
This question could be complex to solve because we can choose different data to display (especially with image or categories inside)
I am searching to fixe this with CSS code, but that give not an ideal solution.
So i am searching where is the PHP file that template this search result page.
And you know what? i can't find it :blush:
Could you help to find where is this file?
I think that i could find a solution with a bootstrap markup.
Last edit: 8 years 11 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
8 years 11 months ago #54890 by ggppdk
Hello

if it is important to customize the HTML of the view:

then you can create a Joomla template override

copying folder:
component/com_flexicontent/views/search/tmpl/
to be:
templates/your_joomla_template/html/com_flexicontent/search/

then customize the HTML


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Please Log in or Create an account to join the conversation.

More
8 years 11 months ago #54919 by charlynancy
Hello Georgios,
Thank you verry much for your information and advice.
In fact, the main problem, with the responsive view of the search result page, occurs when you display the field category.
Especialy if you have a lot of categories affected to the item.
I join an image to better explain what is happend.


I found solution to fixe that. But that's a dirty coding. i will search an other solution with CSS that other users could use.
To solve this, I replaced these two following containers by responsive container of my template :
<span class="fc_search_field_container"> and <span class="fc_search_field_label label"> replaced by responsive container
Attachments:

Please Log in or Create an account to join the conversation.

More
8 years 11 months ago #54920 by charlynancy

Please Log in or Create an account to join the conversation.

More
8 years 11 months ago - 8 years 11 months ago #54922 by ggppdk
Hello

so maybe our default CSS is not best:
we have
Code:
#flexicontent .fc_search_field_container { display: block; white-space: nowrap; float: left; }

you do not need to hack any HTML file !!
just add to your Joomla template CSS:
Code:
body #flexicontent .fc_search_field_container { white-space: normal; }

we will change our default CSS, since it rather problematic to have this as default


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...
Last edit: 8 years 11 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
8 years 11 months ago #54934 by charlynancy
Thank you so much!
Code:
#flexicontent .fc_search_field_container { white-space: normal; }
is perfect!
it took me 3 hours to understand that it did not work because the cache of my browser was not cleaned :sick:
And this afternoon i hacked the php code for the same reason :whistle:
Alzheimer is my enemy

Please Log in or Create an account to join the conversation.

Moderators: vistamediajoomlacornerggppdk
Time to create page: 0.299 seconds
Save
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline