Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Brand Logo

FOP2 Community Forum

  1. Home
  2. Support
  3. button display not showing full label

button display not showing full label

Scheduled Pinned Locked Moved Support
5 Posts 2 Posters 87 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • P
    P
    palacista
    wrote on last edited by
    #1

    I have installed the latest version of fop2, with the payed for upgrade but I have a problem with the display of the buttons.
    The display is behaving as documented but this makes the display almost unusable for my purpose. I want my users to see the full text of the label parameter as configured, preferably on a new line, but with a long phone number there is no room left in the button.

    Is there a way to make fop2 do what I want?

    1 Reply Last reply
    0
    • N
      N
      nicolas
      wrote on last edited by
      #2

      Hello,

      You can edit operator.css and make buttons wider. Look at the .extbutton definition, and increase width, decrese font size, etc. It is plain html/css.

      Best regards,

      1 Reply Last reply
      0
      • P
        P
        palacista
        wrote on last edited by
        #3

        Thanks,
        After playing with CSS I have improved the situation, but It would be very helpful , if possible, to be able to put the label on a separate line in the button.

        1 Reply Last reply
        0
        • N
          N
          nicolas
          wrote on last edited by
          #4

          Using .css you can remove the height to the .labelname entry in operator.css, and it will overflow to a 2nd line if it's long.

          You can also remove the float:left; to see how it behaves. Or changing it to "clear:both;". I am not sure what the outcome might be.. but you can try it out!

          1 Reply Last reply
          0
          • P
            P
            palacista
            wrote on last edited by
            #5

            Thanks again.
            I have made more changes and my users are happy.

            1 Reply Last reply
            0

            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

            With your input, this post could be even better 💗

            Register Login
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes


            • Login

            • Don't have an account? Register

            • Login or register to search.
            Powered by NodeBB Contributors
            • First post
              Last post
            0
            • Categories
            • Recent
            • Tags
            • Popular
            • World
            • Users
            • Groups