Aricie
The DNN Expert for your web project
DNN Community Forums

Luchene search layout questions

Sort:
You are not authorized to post a reply.
Author
Messages


Johan Johansson











New Member



Posts:




New Member



    I have a few Luchene search layout questions. Think I might solve it by myself after tweaking for a while but I thought you guys might know the answer straight away. I have 2 design glitches as you can see on this screen dump:

    1. The search box only dispays ugly when serach results as being displayed. There is some css elements to erase in the search reslut pane. Any clue which ones?
    2. I'd like to remove the rectangular above the searchresults. How can this be done? I have already unchecked the settings "Show Search panel" and "Show Search button" but the rectangular shape still doenst want to go away?


    samyb











    New Member



    Posts:




    New Member



      Johan,

      For the first problem, you must override .LS_SOInput in order to change the background to something you prefere, (for example transparent). There is also a small offset regarding text, which i couldn't find the reason of at a glance. What happens is that the module css is applied when you arrive on the search page, and changes the display of the SkinObject. THis is something we will have to look into in order to separate completely the two stylesheets

      Regarding the border, i've been alerted and corrected this problem in the working version of LuceneSearch which will be released as 1.6.2. However, for the moment i'd advise you to simply hide the panel through CSS with display:none on the LS_SearchPanel class

      I hope this helps you attaining the correct appearance.
      Best regards,
      Samy


      Johan Johansson











      New Member



      Posts:




      New Member



        Perfect support as always. This made me to edit module.css as shows below:
        /*
        div#Search {
        position: relative;
        text-align: right;
        height: 35px;
        padding:5px 0;
        }
        */
        div.LS_SearchPanel {display:none}
        #LS_SOTextContent {
        display:inline-block;
        max-width : 150px;
        margin:0 2px;
        color:#FFF;
        }
        .LS_SOInput_Right {
        display:inline-block;
        color:white;
        }
        .LS_SOInput {
        position: relative;
        /* background: url('LS-search.png') no-repeat right bottom; */
        }
        .LS_SOInput input[type=text] {
        width: 135px;
        height: 30px;
        margin: 2px 35px 0px 2px;
        border: none;
        background: transparent;
        }
        .LS_SOInput .CommandButtonSearch input {
        background: transparent;
        position: absolute;
        right: 0;
        top: 0;
        width: 46px;
        height: 37px;
        }

        so now the problem is fixed
        You are not authorized to post a reply.