Limit Width of Accordion Form element ?

  • 0
  • 1
  • Question
  • Updated 2 years ago
  • Answered
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
Photo of GerryD

GerryD

  • 174 Points 100 badge 2x thumb

Posted 2 years ago

  • 0
  • 1
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 28,304 Points 20k badge 2x thumb
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.
Photo of GerryD

GerryD

  • 174 Points 100 badge 2x thumb
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.
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 28,114 Points 20k badge 2x thumb
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.
Photo of Matthew Neil

Matthew Neil

  • 31,478 Points 20k badge 2x thumb
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.
Photo of Gaurav Sharma

Gaurav Sharma

  • 5,808 Points 5k badge 2x thumb
Great :)