Displays a text ("sample application") Logo and Description ("this is a sample application") with different font size

Hello


I use the universal theme of apex 5.0 and tries to display logo text ("sample application") and description ("This is a sample application") with different font size.


Type of logo - text

Logo - sample application - this is a sample application.

I want to display the description in the smallest font size, so I changed the Logo below

Logo - < span style = "" are-size: 3.8 rem; ' > Sample App </span > - < span style = "" Dimensions are: 1.8 rem; "> this is a sample application </span >" "

But I have following problem.

1 - the font size for both is the same (why the size is not different?, because I gave the size of different font within the span tag)

2 - the text of the whole logo whose description is displayed twice.

-Once in place of the actual logo and

-the second on the left upper tree navigation. (just below the text of the actual logo)

I tried to use the logo attribute, but what makes the whole logo & its description with the same size. I need size of different font for both, so it is unusable.

Attribute logo - style = "" are-size: 3.8 rem; ""

Really appreaciate help.

Thank you

Deepak

DeepakJ wrote:

I use the universal theme of apex 5.0 and tries to display the text of the logo ("sample application") and description ("this is a sample application") with different font size.


Type of logo - text

Logo - sample application - this is a sample application.

I want to display the description in the smallest font size, so I changed the Logo below

Logo - application example - This is an example of application.

But I have following problem.

1 - the font size for both is the same (why the size is not different?, because I gave the size of different font within the span tag)

Cannot reproduce. Using the code above results in different format text as expected. (He looks terrible IMO)

2 - the text of the whole logo whose description is displayed twice.

-Once in place of the actual logo and

-the second on the left upper tree navigation. (just below the text of the actual logo)

Including HTML tags in text in the 5.0/theme 42 APEX logos results in this behavior. I consider this as a bug as (a) it says nowhere that it is not possible to do so; (b) the text of the logo is not HTML - or attribute-escaped when used in the page.

See How to avoid to show the logo on the navigation bar to get an explanation of the underlying cause and a workaround to allow the common use cases include the text and a picture in the logo. This particular solution is of no use here. The solution to this problem requires a custom with the theme the theme roller style sheet, which is the preferred way and support to customize and extend the universal theme.

  • Click the Thème Roller on the developer toolbar.
  • Expand the CSS custom section.
  • Add this style custom rule:
.t-Header-logo a span {
  font-size: 3.8rem;
}
.t-Header-logo a span:after {
  font-size: 1.8rem;
  content: " - This is a sample application.";
}
  • The page will automatically preview changes.
  • Click on record under and type a name for the style of custom theme.
  • Topic close Roller
  • I hope that decide that it is not a good idea and cancel the mods.

Tags: Database

Similar Questions

  • How can I text perfectly vertical center with different font sizes

    Hello

    I have a frame:

    http://www.Flickr.com/photos/82397830@n03/7960870684/

    I tried a vertical centering by defining block of text Options > vertical Justification > Align: Center, but my text is not always get centered vertically. When I put in English words instead of Hebrew ones Gets the text vertical centered.

    There is a sort of invisible box around characters in a font. The measures of the frame of the lower part of the characters below the baseline (such as p or j) to as high as high as the tops of the Capitol letters for diacritical marks such as umlauts and accents. Given that most of the characters are not completely going toward the highest handle or down to the lowest decender, it may seem that the text is not centered between the two vertical points.

    If you need the text to be centered exactly, you can cheat it by applying the vertical offset, but keep in mind that if you change the text, you may need to adjust the amount of vertical offset again. You can use the vertical offset for the text itself, or change text frame options and change the Baseline Options. Also, in your screenshot, I see you have rounded edges on your block of text. The vertical justification works on rectangular text blocks, it's why that doesn't work.

  • Resizing a paragraph of text with different font sizes?

    Hello

    I create a restaurant menu with a lot of text of different size.  It is a way to mass change the sizes of the fonts all at once?

    For example:

    Plate: <--(14pt et "BOLD")

    Rib eye of beef <--(12pt et italique)

    Beef tender Sirloin steak grilled with red wine sauce <-(8pt)

    Chicken Curry <--(12pt et italique)

    Chicken in a curry sauce <-(8pt)

    I would like to be able to reduce all 1pt lines in a go, is there a way to do?

    Thank you very much!

    JJTJ

    On such a project, you should set the paragraph Styles you want. Then, it's a simple matter to change Style definitions.

    JET

  • How to display very large text with the font size?

    I'm using html and css to display large text with the font size.

    Label {
        text: "Acit"
    }
    

    In the image below, it is the largest size, although I try to increase the value of the size of the font. Do you know how to display the largest font size?

    Thanhks

    You should be able to amplify it upward with scaleX/scaleY properties, although no doubt quality will suffer somewhat (but probably not significantly, for most people).

  • Set different font sizes for certain parts of the text layer?

    I am a novice as AE is going, but I'm working on a script to dynamically change a project.

    The project in question has a text layer has a single string, but with variable font size (the text is a price, where the hundred part is a smaller font to the different initial values).   I want to use a script to change this text, but it is enough to assign a new text document does not retain the variable formatting - all figures are found with the same font size.

    Since the guide of the script, I see that the size of the font of a text document object is available, but only in a very limited form - definition of value he sets for the entire document, without options to set for a range of characters.  I would be fair to assume that programmatically create/update a document with several sizes of fonts is not possible?

    If this is the case, what would be my best options to achieve the same effect?  If the project is modified to have several layers/documents, is there a way to adjust the positioning to maintain good spacing/kerning between independent channels?  (I'm also a dollar with yet another sign size of police prior to the price, so I would have actually three pieces of text to position in my script and just to the right/left cannot justify two strings).

    Thanks for the tips!

    AFAIK, there isn't a convenient way for a script to maintain several font sizes once it changes a text document.

    You can however, use sourceRectAtTime() to get the actual span of text in a text layer, positioning and three text layers to get the desired spacing is not difficult.

    Dan

  • How can I increase the size of the text in applications without changing the size of the desktop icons?

    I have my desktop icons attached to the size I want, but when I open applications as e-mail text is tiny.  How can I change the size of the text by default without changing the size of the icons?

    Hold down the ctrl key and the mouse wheel. This should change the font size in some applications. Some applications also have their own settings of police out of their menus in things like or etc (for example). This will vary by app.

    For WLMail it appears this and this should offer some control on WLMail fonts used, but only the 2nd seems to work OK. This application there is a bug? and certainly it does not work for me.

  • Creating application for different screen sizes?

    Hello.  I recently created a Flash Professional help AS3 .apk file (probably obvious in this forum, but I wanted to be clear).  I tested it on a Tablet Android from ASUS.  However, I realized that even if I had the app to look good on this tablet, there are other tablets out there with many different sizes that could have the strange gaze of app.

    I searched on Google for advice on this, but a lot of it is not sensible.  Is there a fairly easy way to get your application to 'read' the Tablet dimensions and fits these dimensions?  I know I could do a different file for each screen size, but does not require put several files different app on the app store?  It sounds ridiculous.  Any tips?

    Try this to see if the results using different screen sizes:

    stage.scaleMode = StageScaleMode.SHOW_ALL;

  • I stupidly wasted with the font size and settings, not knowing what I was doing. How to reset everything back to default settings?

    I don't know exactly what I did.

    It seemed like a good idea at the time and I changed all the settings in the option fonts & colors.

    I have now a few pages to search very horrible and I just want everything restore settings by default please!

    See:

    Let me know how it goes

  • Letter-size mail Yahoo declined and he can't go back to a normal font size

    I'm having a problem with my yahoo email using windows 7 on my laptop Aspire, that's what's happening: I'm composing an email when all of a sudden, a key is struck or a shortcut or something, but what results is the police turns lowercase.  I tried to use the magnifying glass as a default option so I can at least read the emails until I have find it but it doesn't help, he enlarges but is distorted.  I want to know is how to get back my email to its normal font.  It did not appear on my other laptop nor has it affected other windows I have open at the same session. This is only my email.

    I just tried to copy and paste a few words from the email to show how tiny it is, and when I copied it here - he returns to normal size as all the letters appear here.

    Thank you for your itme

    Hello

     
    Given that the problem only occurs with Yahoo Mail, I suggest you to contact the Yahoo email group. Here is the link: http://help.yahoo.com//l/us/yahoo/mail/yahoomail/
  • Display of Acquisition sample done with a USB-4431

    Tried a bunch of examples, code the DAQ Assistant, mega-search time. At the end of the road. It's about my first traditional appointment to programming DAQmx after years of programming DAQ followed a long hiatus.

    I use a hammer strength IEPE hit to begin sampling of a USB-4431. I'll be post-processing fft; I want ten seconds of data to 4096 samples per second (40960 samples).

    As I am acquiring data, I want to update a chart to display the contents of the buffer, adding data to the chart every 125 mS up to what the end of the second 10 captures.  Relaxation, start sampling data and acquisition works very well. The problem becomes it to the chart control.

    The graph is updated in spurts and incompatible adjustments. The second set of 10 shot finally makes the curve, but it takes anywhere from 30 to 120 seconds to display, sometimes in quick "pieces" with long breaks. Sometimes the initial trigger data gets poster immediately, and it takes sometimes 15 seconds just to display the first 512 samples!

    I obviously had something fundamentally wrong here.  Could someone please have a look at the code below to me. TIA ~!

    void main (void)
    {
    X_AxisIndex = 0;
    NumDataPoints = 512; A sample rate of 4096 samples/second, trying to update the chart each 125 milliseconds.

    CreateDaqTask();
    DAQmxStartTask (taskHandle);
    RunUserInterface();

    } / / Hand

    Sub CreateDaqTask (void)
    {
    It all works very well as far as I KNOW *.
    DAQmxCreateTask("",&taskHandle);
    DAQmxCreateAIForceIEPEChan (taskHandle, ' Dev1/ai0', 'Hammer', DAQmx_Val_PseudoDiff,-10, 100, DAQmx_Val_Pounds, 50.0, DAQmx_Val_mVoltsPerPound, DAQmx_Val_Internal, 0,0021, NULL);
    DAQmxSetChanAttribute (taskHandle, 'Hammer', DAQmx_AI_Coupling, DAQmx_Val_AC);
    DAQmxCfgSampClkTiming (taskHandle, "OnboardClock", 4096, DAQmx_Val_Rising, DAQmx_Val_FiniteSamps, 40960); Take 10 seconds of a data value to 4096 samples per second.
    DAQmxCfgAnlgEdgeStartTrig (taskHandle, 'Hammer', DAQmx_Val_RisingSlope, TriggerLevel);
    It all works very well as far as I KNOW *.

    The idea here is to launch a reminder all the 512 samples/4096 samples per second = 125 mS so I can view the data in a chart control, update all the 1/8th of a second.
    DAQmxRegisterEveryNSamplesEvent (taskHandle, DAQmx_Val_Acquired_Into_Buffer, NumDataPoints, 0, EveryNCallback, NULL);

    } / / CreateDaqTask

    Int32 CVICALLBACK EveryNCallback(TaskHandle taskHandle, int32 everyNsamplesEventType, uInt32 nSamples, void *callbackData)
    {
    Read the data of 512 points and display them.
    DAQmxReadAnalogF64 (taskHandle, NumDataPoints, 15.0, DAQmx_Val_GroupByChannel, buffer, NumDataPoints, & CurrentBufferIndex, NULL);
    PlotWaveform (main, Main_Graph, buffer, NumDataPoints, VAL_DOUBLE, 1.0, 0.0, X_AxisIndex, 1.0, VAL_THIN_LINE, VAL_NO_POINT, VAL_SOLID, 1, VAL_YELLOW);

    X_AxisIndex += NumDataPoints;

    return 0;
    } / / EveryNCallback

    Thank you, WW, I'll give that a try.

    > For input analog, the USB-4431 has a size of 1 023 sample buffer, and it is shared by all channels. .

    Can you tell me where you found this information please? I looked and looked, obviously in the wrong place.

    Also, I discovered that if I move the mouse quickly as he tries to redraw the graph, it draws a lot more systematically and quickly, but still not in real time.

    UPDATE: I got SetSleepPolicy (VAL_SLEEP_NONE); active.

    I thought it was to prevent Windows events interfere with the events of data acquisition. Seems to have the opposite effect here. I turned it off, works great now.

  • Not connected. Connections are available. I am connected to the internet but, and all this shows is gray bars with the yellow connection star on them.

    I am connected to the internet, but it is said in the toolbar not connected and connections are available. There is only 1 link and I'm connected to it. How can I change display green bars, instead of grey bars with a yellow star?

    As the title says.
    It's weird, and I think that this is the reason why some of my programs connect properly?
    Does anyone have a solution to fix this problem?

    Hi DamienDwyer,

    1. are you referring to the status of job internet bar?
    2 when the problem started?
    3. have you made changes on the computer recently?

    Method 1
    Try troubleshooting of network running.

    Use Network Troubleshooter event logs to solve network problems
    http://Windows.Microsoft.com/en-us/Windows7/use-Network-Troubleshooter-event-logs-to-solve-network-problems

    Method 2
    check the status in safe mode with network and display the results.

    Start your computer in safe mode
    http://Windows.Microsoft.com/en-us/Windows7/start-your-computer-in-safe-mode

    Method 3
    I suggest you try the steps from the following links:

    Windows wireless and wired network connection problems
    http://Windows.Microsoft.com/en-us/Windows/help/wired-and-wireless-network-connection-problems-in-Windows

    Wireless network card: frequently asked questions
    http://Windows.Microsoft.com/en-us/Windows7/wireless-networking-frequently-asked-questions

  • I'm looking for a simple list of available applications with different levels of creative cloud subscriptions?

    Boy, the Adobe web site is incredibly frustrating. It is very difficult to accomplish some very simple tasks. First of all, there should be an email address for contact. I shouldn't be forced to submit my question on a forum. It's cheap and lazy on the part of Adobe, especially when they charge a lot for their subscription applications.

    My biggest complaint is that I can't find a simple list of the applications available with the cloud creative in different subscription levels. When I search, it sends me to a video of slick 'overview' of the creative cloud which tells me zero in on specific applications available. It should be a simple list of available with creative cloud applications and a side-by-side comparison of the applications available with the different levels of subscription creative cloud. Why can't I find something like this on the web site of Adobe? I found a page that lists 15 adobe applications, but not a page that describes to me what apps come with what levels of creative cloud subscriptions.

    There are only 3 shots of cloud. Inclusions are the same for both commercial or student.

    All applications

    Desktop: desktop applications Adobe Creative Cloud | Adobe Creative Cloud

    Mobile applications: Adobe mobile, iPhone, iPad, Android apps | Adobe Creative Cloud

    Same info differently formatted: Adobe CC 2015 Direct Download Links: Creative Cloud 2015 Release | ProDesignTools

    Plan of photography: Photoshop + Lightroom

    Single App plans (applications available for the unique implementation plans are in the drop-down menu on the page of the plans of cloud)

    Pricing plans and creative Cloud membership | Adobe Creative Cloud

  • A project, two different applications with different arguments

    Hello

    I have a project where I need to put two different applications, so that the icons appear on the device, each of them sends an input parameter. According to this setting, the backend will be development or production.

    How can I do?

    Thank you

    If you have two applications, you can create two different projects, can't you? or maybe the alternative entry points may be of interest to you.

  • Logo and title

    In the definition of an application under the Logo, you can choose the logo or text. Is it possible to have both? Essentially, we want to have each application the same logo and title vary depending on the application. It seems you can do one or the other. I tried to add the logo to a custom theme but know little of CSS and how the themes of work and I can't get this to work. Any information on this would be most appreciated.

    Go to your page template, look for the section that contains the string ' #LOGO # ' (see the 'header' or 'body' of the page template sections). This is where the logo (image or text) is replaced.

    For example my page template reads (just the line that contains the logo)

    < div id = "logo" > < a href = "#HOME_LINK #" > #LOGO # REGION_POSITION_06 # < /a > < / div >

    I could change for

    <div id="logo"><a href="#HOME_LINK#"><img src="/i/my_logo_image.jpg" /><br/>#LOGO##REGION_POSITION_06#</a></div>
    

    This would add an image ' / i/my_logo_image.jpg "in the page, then a line break and entry of logo for the application. You can choose the text for the logo and the text gets by what follows in place of ' #LOGO # ' and therefore will be placed below the image (in this case).

    So if you want to have a picture and some text, add the image directly in the model, then use the #LOGO # substitution string to place the text in the logo. You can play with the HTML structure for that so that the logo image and text can be positioned/place you like on the page.

  • CustomBitmapField to display the text

    I want my custom BitmapField to display stationary text from the image and this is my code:

    package com.codemobiles.orientthai.field;
    
    import net.rim.device.api.system.Bitmap;
    import net.rim.device.api.ui.DrawStyle;
    import net.rim.device.api.ui.Font;
    import net.rim.device.api.ui.Graphics;
    import net.rim.device.api.ui.Ui;
    import net.rim.device.api.ui.component.BitmapField;
    
    public class CustomBitmapField extends BitmapField {
    
        public String aText = "";
        public Bitmap focusBitmap;
        public Bitmap unfocusBitmap;
        private boolean hasfocus;
        public Font FONT_PLAIN;
        public int m_MarginTop;
    
        protected void onFocus(int direction) {
            // TODO Auto-generated method stub
            hasfocus = true;
        }
    
        protected void onUnfocus() {
            // TODO Auto-generated method stub
            hasfocus = false;
        }
    
        public CustomBitmapField(String aText, Bitmap onfocusB, Bitmap unfocusB) {
    
            this.aText = aText;
            this.focusBitmap = onfocusB;
            this.unfocusBitmap = unfocusB;
            FONT_PLAIN = Font.getDefault().derive(Font.PLAIN, 5, Ui.UNITS_pt);
    
        }
    
        protected void layout(int width, int height) {
            // TODO Auto-generated method stub
            super.layout(width, height);
            setExtent(focusBitmap.getWidth(), focusBitmap.getHeight());
        }
    
        protected void paint(Graphics graphics) {
            // TODO Auto-generated method stub
            if (focusBitmap instanceof Bitmap) {
                m_MarginTop = (focusBitmap.getHeight() - FONT_PLAIN.getHeight() / 4);
                if (hasfocus == true) {
                    graphics.drawBitmap(0, 0, focusBitmap.getWidth(), focusBitmap.getHeight(), focusBitmap, 0, 0);
                } else {
                    graphics.drawBitmap(0, 0, unfocusBitmap.getWidth(), unfocusBitmap.getHeight(), unfocusBitmap, 0, 0);
    
                }
                graphics.drawText(aText, 0, m_MarginTop, DrawStyle.ELLIPSIS,
                        getWidth() - 15);
                invalidate();
            }
        }
    }
    

    I tried this code and it showing on the picture just of the screen.

    I did something wrong?

    Help, please

    Thank you

    Concerning

    It works now. I changed the drawtext to become this:

    graphics.drawText(aText, getWidth()/3, getHeight()/3, DrawStyle.ELLIPSIS,
                        focusBitmap.getWidth() );
    

    Hope it will help.

    Concerning

Maybe you are looking for