jquery flexbox ?

Question

I'm using right now FlexBox plugin to make search box, everything work fine but how can i make the css work perfectly with the search box ( the css file that downloaded with flexbox )

I have the following html

<form action="result.php" method="post">

        <div id="suggest"></div>

</form>

and the flexbox callback

$(function(){

// begin to write 
$("#suggest").flexbox('back/search.php', {
    width: 350,
    method: 'post',
    watermark: 'Enter value',
    noResultsText: 'No Value',
    maxVisibleRows: 8,
    containerClass: 'ffb',
    contentClass: 'content',
    inputClass: 'ffb-input',
    arrowClass: 'ffb-arrow'
  });

  });

what's wrong here? There's no way from your question to tell what is incorrect about the styling. — Joseph Marikle, Sep 23 '11 at 19:42
this is out of the question but how you use a php as a data source? are you using mysql_query? — Robert John Concepcion, Feb 08 '13 at 06:39

Cory Danielson · Accepted Answer · 2011-09-23T19:58:47.727

2

Open the page in Chrome. Right click and click Inspect Element

You need to create a CSS Stylesheet for the code that you see during inspect element.

Alternatively, you could use this to view what's actually in the HTML DOM when you are viewing the page.

html:

<textarea id="whats_in_dom"></textarea>

jQuery

$('textarea').text($('/*container holding flexbox*/').html());

example: http://jsfiddle.net/DGDrx/

edited Sep 23 '11 at 19:58

answered Sep 23 '11 at 19:44

Cory Danielson

14,314
3
44
51

jquery flexbox ?

1 Answers1

Linked