Solved

Content of tab widget using smaller font ?

Posted on 2011-02-13
2
621 Views
Last Modified: 2012-06-21
I am new to jQuery UI, and I am experimenting with the tab widgets.  I've just noticed that when copy a table from outside of the tab widget, and then I paste the same table into the tab widget, the table seems to display in a smaller font.  It seems the table renders in approx. 12pt text outside the tab widget, but renders in approx. 8pt text inside the tab widget.  This happens on all content on all tabs.

Any idea why the widget seems to shrink the content?
0
Comment
Question by:DanielAttard
2 Comments
 
LVL 3

Accepted Solution

by:
thecrew earned 500 total points
ID: 34889246
My guess is that your widget has some dedicated CSS as well (perhaps something like jquery.ui.tabs.css?). Do you have a link to an example?  

A lot of times (if downloading from the jquery site) your download will come with this CSS file as well.  This is what styles all of the elements used in your widget.  As I recall the tabs use the <ul> and <li> tags, so that would be a good place to start!

Post an example and I might be able to help further.
0
 

Author Closing Comment

by:DanielAttard
ID: 34889917
Thanks for the answer.  There was some dedicated CSS that I wasn't aware of.
0

Featured Post

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

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

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

821 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