?
Solved

FileMaker 13 WebDirect - Tab Label text cutoff in browser

Posted on 2014-07-28
7
Medium Priority
?
798 Views
Last Modified: 2014-08-08
I'm creating a new solution in FileMaker 13 WebDirect using the "Silver" theme. In FileMaker, Silver Theme Tab Objects default to Helvetica 10 point text for the tab labels. In every browser I've tried - Safari, Chrome, Firefox on the Mac, Chrome and IE on Windows -  the label text appears cutoff.

Tab Object with text cutoff in labels
Setting the default font to Arial or Verdana also shows the text still cutoff. Modifying the Style to make the font smaller helps slightly but the text is still cutoff and harder to read because it's small. Other Themes appear similarly cutoff so it's does not appear to be specific to "Silver".
0
Comment
Question by:Will Loving
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
7 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 40225340
The height of the container probably needs to be increased; or the padding or the the line height; or there is something else in the page creating an issue.  If you would like a specific suggest, then you need to supply the specific information about the page by posting a link to it, because all an image does is confirm that you have the problem you described..

Cd&
0
 
LVL 25

Author Comment

by:Will Loving
ID: 40225620
I agree with you about the padding or the height of the container and that was my thought as well. The problem is that the page is being rendered dynamically to CSS within FileMaker and I have no direct control over how that happens. I can control and edit the Styles applied as one of FileMaker's "Themes" (I'm using a variation of the stock Theme "Silver") but only via the standard formatting options available to me in the Inspector palette. I also can't give you a link to the page because it's 1) currently in development, and 2) being generated dynamically.

FileMaker does have some padding and alignment options but with a Tab Object like this they don't seem to have any affect. A Tab Object is a special kind of Object and I'm sure there is specific translation code written for it.

What I was hoping for is a suggestion about how I could affect this issue using the available tools in the Inspector Palette or with specific fonts and sizes that might appear better. I have experimented a bit but no luck so far.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 40227983
I don't user filemaker, nor would I ever use any tool that is that limiting and restrictive.  if there is no way to directly modify code then it may be okay for a novice who does not know how to code but I cannot understand why anyone would allow a tool to dictate limits on the access to fix something that would take 10 seconds in a professional development environment.

As this is a product that you have paid for, you should be able to get support from the vendor, but most vendors selling this kind of stuff are generally not very helpful until they get the money and then forget you exist.

Sorry I can't be more help but I am a CSS expert, and this is not a CSS problem it is a defective product problem.

Cd&
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 25

Author Comment

by:Will Loving
ID: 40230011
COBOLdinosaur - Thanks for taking the time to reply. I did however, find your answer to be snarky and condescending. Running down someone else's tools and development environment, especially one you admittedly don't know anything about, won't win you any friends or compliments as a consultant or "expert".

FileMaker is a database and an extremely powerful and versatile one at that, not a web development tool.  The new WebDirect function allows a user to leverage their knowledge of FileMaker's capabilities - in my case that's over 25 years worth of experience - to create a powerful, database driven user interface in FileMaker, and, with some relatively minor limitations, publish that directly to the web without writing a line of HTML code. It render it directly to HTML5. FileMaker has for some years had a PHP API that works just fine but requires a user to know PHP or hire a fairly experienced programmer to do the PHP side of things since most db systems have both internal users running within FileMaker Pro and external users interacting via PHP.

FileMaker WebDirect has been out for maybe 6-7 months and so is essentially a version 1 feature; FileMaker is hardly a "defective" product (being the top-selling database platform) and the WebDirect is hardly a "defective" feature. In general, it does a fabulous job of rendering the user interface and functionality that I've created within FileMaker to work in a browser (and don't take my opinion, plenty of reviewers have said the same thing) . The issue I was having with the tab object is a minor one that I'm guessing will be reported and fixed but I was looking to see if there is a workaround. I'm also contact FM Tech support to check with them but since I mostly answer questions and don't ask them very often on EE, I thought I would post this one.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 40230184
I am not saying Filemaker is defective, but the web development tool certainly is or you would not have had to ask for help.  Based on the timestamps it looks like this sat in 3 topics for about 8 before i posted a comment.  So there is no line up of Experts with solutions.  That is probably because so called web page generators layered on otherwise good products are well out of the mainstream and something that is not commonly used by professional web developers.

If you take offense at the word defective, then there is little I can do about that.  There are literally tens of thousands of tools, addons, extensions, and applications that purport to generate web pages and everyone of them has advocates and favorable reviews. Only a handful are actually usable by professionals who make their living doing custom web development.  In the WebDev topics we spend the majority of our time fixing the stuff that gets generated by "easy to use" tools. At this point the Filemaker web code generation piece is in the same category as the rest of them.  It is defective, and until they address the problem I don't know how else it can be described.

I don't think it could ever be considered as a professional web development tool if there is no access to the code, so it is not likely that you are going to find a lot professional Web Developers able to support it.

Cd&
0
 
LVL 25

Accepted Solution

by:
Will Loving earned 0 total points
ID: 40237637
Solution Found: The issue turned out to be that the Tab Object which was not rendering properly had originally been created when the file was still in FileMaker 11 format. It was then converted to FileMaker 12/13  (.fmp12) format. Creating a new Tab Object directly within the FileMaker 13 version of the file (a one minute operation)  and replacing the old one with the newly created one solved the problem. Filemaker WebDirect is new to version 13 and in some instances, apparently, objects created in a previous version and brought forward to version 13 via file conversion, may have issues. Re-creating the object fresh in version 13 apparently solves most of these issues.
0
 
LVL 25

Author Closing Comment

by:Will Loving
ID: 40248272
The above solution was obtained by my own inquires and interactions with FileMaker Technical Support.
0

Featured Post

Want to be a Web Developer? Get Certified Today!

Enroll in the Certified Web Development Professional course package to learn HTML, Javascript, and PHP. Build a solid foundation to work toward your dream job!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
It’s a strangely common occurrence that when you send someone their login details for a system, they can’t get in. This article will help you understand why it happens, and what you can do about it.
This video teaches viewers how to create their own website using cPanel and Wordpress. Tutorial walks users through how to set up their own domain name from tools like Domain Registrar, Hosting Account, and Wordpress. More specifically, the order in…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses
Course of the Month8 days, 14 hours left to enroll

764 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question