Forum Discussion

GerryDaney's avatar
GerryDaney
Qrew Cadet
8 years ago

Limit Width of Accordion Form element ?

Within our primary form in an app, the accordion components are running very wide on the form/display.  Is there a way to somehow limit the pixel width within the (text) formula?  Right now - it purposes this piece of code:

"<img qbu=\"module\" src=\"/i/clear2x2.gif\" " &"onload=\"javascript:if(typeof QBU=='undefined'){QBU={};$.getScript('" &
URLRoot() &
"db/" &
Dbid() &
"?a=dbpage&pagename=accordion.js&v=001')}\">"


I would think a limit of 1300 pixels would be ideal. Thanks for any advice, G

5 Replies

Sort By
  • _anomDiebolt_'s avatar
    _anomDiebolt_
    Qrew Elite
    8 years ago
    Okay so you are injecting the script in the code page named accordian.js into a QuickBase page using the IOL technique.. 

    We have no idea what accordion.js does and there is no screenshot of the width problem you are experiencing.
  • GerryDaney's avatar
    GerryDaney
    Qrew Cadet
    8 years ago
    The script is creating horizontal button links to tables down within the form. See pic. Sorry if I am under-describing the need here, I am a novice at this level. From the pic, you can see the navigation runs wide to the right and off of the layout/resolution.  I would like to limit this - so that the navigation breaks at 1200-1300 pixels - if that's even possible.



    Thanks for the prompt reply and advice.
    • _anomDiebolt_'s avatar
      _anomDiebolt_
      Qrew Elite
      8 years ago
      Still there is not enough info. I would have to see the script to offer an opinion. If for some reason you can't share the script you could post the fragment of HTML that represents your buttons and there would certainly be some CSS that could be set to narrow the content.

      No offense but when the people here answer questions they loose interests fast if they have to crawl through a morass of code or play 20 questions.
  • MCFNeil's avatar
    MCFNeil
    Qrew Captain
    8 years ago
    This "accordion" function is using some css styling that is more than likely kept in a CDN file and just called from your code page "accordion.js"  you will need to do one of two things (or both),

    1- adjust the css in the code page to override the CDN styling.
    And/Or
    2- Remove / combine some of your section headings.  It picks up on which section headings you have, so by reducing that list, you may be able to get it into one line.