1 2 Previous Next 20 Replies Latest reply on May 30, 2008 10:55 PM by 567447

    3.1 upgrade problem:  Post Element Text does not align properly

    567447
      In 3.0 we had developed (and placed into Production) a number of pages where text in the "Post Element Text" field under 'Label' for a Page Item would show up in the browser to the right of checkboxes. All the items with checkboxes were laid out on the page based on that, and the pages were formatted accordingly.

      Now that we have upgraded to 3.1, the text in the Post Element Text is showing up directly BELOW the checkboxes, for each checkbox. BUMMER!

      ALSO, where we used to have 3 checkboxes in a row on one line (Begin On New LIne = 'No' for each), for instance
      This is one line:     [x] This is checkbox A     [x] This is     checkbox B [x] This is checkbox C,

      we now would have each box on a separate line with its text on the line below it:
      [x]
      This is checkbox A
      [x]
      This is checkbox B
      [x]
      This is checkbox C

      Not good at all...

      I have checked and have not seen any postings in the forum for this issue. This is a MAJOR problem, as it totally changes the look of the pages.

      Has this been identified yet as an issue, and is anyone working on restoring the previous behavior/placement of the text???
        • 1. Re: 3.1 upgrade problem:  Post Element Text does not align properly
          135285
          Hi Thomas,

          that's caused by the new fieldset tag APEX is wrapping around the checkboxes.

          Put
          <style>
          .checkbox_group {
            display:inline;
          }
          </style>
          into the "HTML Header" property of your page definition to workaround the problem. But I'm not sure if that will also work with 3.1.1 because what I have heard an additional table is wrapped around the fieldset.

          Patrick
          --------------------------------------------------------------------------------------------------------------------
          *** New *** Oracle APEX Essentials *** http://essentials.oracleapex.info/
          My Blog, APEX Builder Plugin, ApexLib Framework: http://www.oracleapex.info/
          • 2. Re: 3.1 upgrade problem:  Post Element Text does not align properly
            357241
            Hello,

            The same issue will persist in 3.1.1 the fix we had worked up worked fine in IE but in to many situations will was breaking in other browsers.

            I am working up a bit pf PL/SQL to generates CSS if applied in page 0 will fix many of these issues but it wasn't something we wanted to be outputting by default.

            If we have to effect something differently than we did before we want to effect it consistently instead of inconsistently, across all browsers and instances.


            Regards,
            Carl

            blog : http://carlback.blogspot.com/
            apex examples : http://apex.oracle.com/pls/otn/f?p=11933:5
            • 3. Re: 3.1 upgrade problem:  Post Element Text does not align properly
              Arie Geller
              Hello,

              Patrick’s solution also works with 3.1.1, although, depending on the layout of your checkbox item (or other compound items), don’t necessarily solve all the alignment issues between the checkbox options and the after item text.

              The same principle applies to the Date Picker item, using the .datepicker class.

              If you need some more control over the post element text, as I need in some cases, you can wrap it in a <td></td> tags, and apply whatever CSS attributes you need.

              Regards,
              Arie.
              • 4. Re: 3.1 upgrade problem:  Post Element Text does not align properly
                567447
                Patrick, Carl, and Arie,

                Thank you for your responses. It is encouraging to know there are workarounds, as I have a number of pages this issue will impact.
                I will be trying out your recommendations as soon as I produce a requested Production extract.

                QUESTION: Just what happened that APEX has so drastically changed the behavior of POST ELEMENT TEXT after a checkbox?
                This was not just a minor tweak to how APEX works from my standpoint, as a lot of effort went into getting the pages to look
                a certain way.

                SAMPLE 1 APEX 3.0 screen display: http://i27.tinypic.com/63xf1k.jpg
                SAMPLE 1 APEX 3.1 screen display: http://i27.tinypic.com/5slq8.jpg

                SAMPLE 2 APEX 3.0 screen display: http://i27.tinypic.com/6pqpnp.jpg
                SAMPLE 2 APEX 3.1 screen display: http://i32.tinypic.com/1688sq0.jpg

                Also, our Development environment is at 3.1, and Production is still at 3.0. The intent was to see how 3.1 was prior to upgrading PROD to 3.1.
                If the previous display of POST ELEMENT TEXT is going to be restored soon, then we can wait to upgrade both DEV and PROD to the next version.

                However, if what we see is what we get in 3.1, then we will need to update ALL of the pages to make them look like they did previously.

                Any guidance as to which way things will go????
                • 5. Re: 3.1 upgrade problem:  Post Element Text does not align properly
                  357241
                  Hello,

                  >>
                  QUESTION: Just what happened that APEX has so drastically changed the behavior of POST ELEMENT TEXT after a checkbox?
                  >>

                  The main thing that happened is all compound ITEM types , items that contain html layout and multiple inputs have been surrounded by a fieldset.

                  A fieldset by default is a block level html item so it automatically puts line breaks in before and after, the fieldset was put in so that all elements that are associated with that item can be more easily accessed by javascript and css, and for just plain consistency.

                  >>
                  If the previous display of POST ELEMENT TEXT is going to be restored soon, then we can wait to upgrade both DEV and PROD to the next version.
                  >>

                  This change will probably not be reversed. You can adjust the layout with the give css snippets for now and I'm working up some PL/SQL that if installed on page 0 will output the needed CSS on a page by page level.

                  It's unfortunate that we have affected some subset of developers in this was and we do apologize but it is the right thing to do in the long run and will make for easier and more consistent applications.

                  Regards,
                  Carl

                  blog : http://carlback.blogspot.com/
                  apex examples : http://apex.oracle.com/pls/otn/f?p=11933:5
                  • 6. Re: 3.1 upgrade problem:  Post Element Text does not align properly
                    Arie Geller
                    Hi Carl,

                    >> I'm working up some PL/SQL that if installed on page 0 will output the needed CSS on a page by page level.

                    Can you, please elaborate more about what you are trying to do? Where on page 0 you can install a PL/SQL code? Are you talking about APEX engine level?

                    You are talking about some CSS code. Why not just put it in one of the auto-loading CSS files?

                    Thanks,
                    Arie.
                    • 7. Re: 3.1 upgrade problem:  Post Element Text does not align properly
                      357241
                      Hello,

                      >>
                      Can you, please elaborate more about what you are trying to do? Where on page 0 you can install a PL/SQL code?
                      >>

                      It will just be a PL/SQL region that outputs a style tag that intr4oduces the display:inline or display:inline block under certain conditions.

                      >>
                      You are talking about some CSS code. Why not just put it in one of the auto-loading CSS files?
                      >>

                      Because generically introducing this code across checkboxs and radio items had inconsistent and truthfully very strange results across different browsers, this is one of the few times I think IE was displaying it right compared to other browsers. I'll put demo on apex.oracle.com before the end of the week to illustrate the different issues.

                      Regards,
                      Carl

                      blog : http://carlback.blogspot.com/
                      apex examples : http://apex.oracle.com/pls/otn/f?p=11933:5
                      • 8. Re: 3.1 upgrade problem:  Post Element Text does not align properly
                        Arie Geller
                        Hi Carl,

                        >> It will just be a PL/SQL region …

                        Yeah, I forgot all about PL/SQL regions. Thanks for the clarifications.

                        Regards,
                        Arie.
                        • 9. Re: 3.1 upgrade problem:  Post Element Text does not align properly
                          567447
                          Carl,

                          Thank you for your attention to this issue, it is not a minor matter to me, it broke all my pages with checkboxes on them (pretty much all the pages - 60, which is a lot for me). Plus we are in the process of working towards replacing our student information system using APEX as the development fool.

                          I tested out the CSS code that Patrick had supplied (THANK YOU PATRICK), and it works. Well sort of, but it's close enough to be tolerable (bottom of a checkbox does not quite line up with bottom of it's POST ELEMENT TEXT as it did prior to the change - see samples). It is reassuring to know that there is some sort of work-around to the change.

                          SAMPLE 1 APEX 3.0 screen display: http://i27.tinypic.com/63xf1k.jpg
                          SAMPLE 1 APEX 3.1 screen display: http://i27.tinypic.com/5slq8.jpg
                          SAMPLE 1 APEX 3.1 with CSS patch screen display: http://i30.tinypic.com/3322xw1.jpg

                          SAMPLE 2 APEX 3.0 screen display: http://i27.tinypic.com/6pqpnp.jpg
                          SAMPLE 2 APEX 3.1 screen display: http://i32.tinypic.com/1688sq0.jpg
                          SAMPLE 2 APEX 3.1 with CSS patch screen display: http://i31.tinypic.com/hup1d0.jpg


                          QUESTIONS:

                          1) Is there a way to make the checkboxes line up to their text as they did prior to the change?

                          2) Will it be possible for the APEX team to make the snippet that Patrick provided (or an equivalent) to be the default (automatically placed where it needs to go by APEX when a page is created)? That way APEX will work the way it did before the changes made in 3.1, and people can modify the code if they want to change the behavior? It will make the change to be a lot more transparent than what happened between 3.0 and 3.1.

                          3) Will there be any more changes put into effect in version 3.1.1 that might impact the displaying of checkboxes? I'm getting more than a little nervous about upgrades.

                          I can see now that I will need to spend a bit of time getting very familiar with CSS and Javascript. I came from a client/server development model (aka Oracle Forms), but was able to pretty much do what I needed in APEX without having to delve into CSS and Javascript, as APEX did a pretty good job of sheltering me from the need to learn them to do the basic things I did.

                          Thank you,
                          Thomas
                          • 10. Re: 3.1 upgrade problem:  Post Element Text does not align properly
                            357241
                            Hello,

                            >>
                            1) Is there a way to make the checkboxes line up to their text as they did prior to the change?
                            >>
                            There should be I will have to look into it.

                            >>
                            2) Will it be possible for the APEX team to make the snippet that Patrick provided (or an equivalent) to be the default ....
                            >>

                            Maybe maybe not, I worked on fixes for this issue in the 3.1.1 patch ,but there were side effects across different browsers that were unacceptable, as I've stated before if we did effect something we wanted the change to be consistent.

                            >>
                            3) Will there be any more changes put into effect in version 3.1.1 that might impact the displaying of checkboxes? I'm getting more than a little nervous about upgrades.
                            >>

                            This is a very specific change that was put in for a very specific reason. Any compound item, and by compound item I mean anything that has more than just the form item itself , datepickers , checkboxs , shuttles. popup lov now has a field set wrapped around it.

                            The main issue is that we did not communicate this change efficiently , which I is my fault, but it is still the right thing to do in the long run and will make development and consistency of applications moving forward much easier and quicker and allow for more complex RIA interactions to be implemented.

                            Regards,
                            Carl

                            blog : http://carlback.blogspot.com/
                            apex examples : http://apex.oracle.com/pls/otn/f?p=11933:5
                            • 11. Re: 3.1 upgrade problem:  Post Element Text does not align properly
                              Arie Geller
                              Hello Thomas,

                              When a single option checkbox is concern, I was able to align the checkbox and the post element text string, using the following:
                              <style type="text/css">
                              .checkbox_group {
                                display:inline;
                                vertical-align:baseline;
                              }
                              </style>
                              What I don’t understand, looking at your example screens, is why you are using the post element text so much, and not using the basic (built-in) option of the checkbox item. I believe that doing so (at least in your screen examples) will solve your problem permanently (although it might be a lot of tedious work).

                              In the meantime – until Carl will come with his page 0 solution – you can define your own substitution string, which includes the CSS code, and use it on your pages. It can save you some typing (and probably some syntax errors).

                              Hope this helps,
                              Arie.

                              Message was edited by:
                              ageller1
                              • 12. Re: 3.1 upgrade problem:  Post Element Text does not align properly
                                567447
                                Arie,

                                Thank you for taking the time to try to resolve this issue.

                                A couple of points, though:

                                1) For those following this thread, do not forget to add </style> to the end of the snippet that Arie provided, if you are testing out these different snippets.

                                2) Arie, I replaced what I had before with the snippet you supplied, and got the same results as before - the text is still a little below the checkbox.

                                Regarding your statement "What I don’t understand, looking at your example screens, is why you are using the post element text so much, and not using the basic (built-in) option of the checkbox item." These checkboxes are not mutually exclusive, but each option (checkbox) can be selected independent of the other - in other words, of checkboxes A, B, C, D on one line, a user can select just A, or A and C, or A, C and D, and so on. Each checkbox represents a different field in the DB, indicating different selections for different options.

                                Does that answer your question regarding my not using the 'basic (built-in) option of the checkbox item'? If not, what am I missing??? What are you referring to...?

                                I thought that placing the text after the checkbox using the POST ELEMENT TEXT option was pretty easy/convenient. But if there is an even easier way, I'd wouldn't mind using it. Besides, the printed forms I am patterning these pages after have the checkboxes and text displayed after them in the same fashion.

                                Thank you,
                                Thomas

                                Oh, based on what you stated I looked at another page, and noted an interesing difference...

                                On checkboxes that are truly of the YES/NO nature for a single field, the built-in text from the LOV DOES show up next to the checkbox aligned as expected (bottom of text lines up with the bottom of the checkbox). Curiouser and curiouser...

                                Message was edited by:
                                Thomas 8246
                                • 13. Re: 3.1 upgrade problem:  Post Element Text does not align properly
                                  357241
                                  Hello,

                                  I think what it is is your using the Post Element Text as a label instead of that actual label for the LOV option.

                                  Try an LOV definition like this.
                                  STATIC2:Student will be 17 or younger blah blah blah blah blah blah blah blah;Y
                                  Then the label text comes out inside the fieldset, in fact it's inside the fieldset and with a proper label to to associate it with the checkbox which is better anyway.

                                  Regards,
                                  Carl

                                  blog : http://carlback.blogspot.com/
                                  apex examples : http://apex.oracle.com/pls/otn/f?p=11933:5
                                  • 14. Re: 3.1 upgrade problem:  Post Element Text does not align properly
                                    Arie Geller
                                    Hello Thomas,

                                    >> do not forget to add </style> to the end of the snippet that Arie provided …

                                    Thanks for that. I corrected the original post.

                                    >> These checkboxes are not mutually exclusive

                                    Exactly why you shouldn’t use the post element text as a label. Carl understood exactly what I meant, and gave you the right way to go – you should use the “regular” display/return mechanism of the checkbox item. It will be easier on you, easier on the system (simpler layout) and most importantly, it will give you the results you want. BTW, APEX allows you, declaratively, to put several options of the same checkbox item on the same line (in the case they are mutually exclusive). Just set the “Number of Columns” field of the “List of Values” section.

                                    >> I replaced what I had before with the snippet you supplied, and got the same results as before - the text is still a little below the checkbox.

                                    For the long run, I think you should change your code, to use proper LOV’s as the source of your checkbox items. In the meantime, I tried my code, using your theme, in several cases, and it worked for me. As Carl pointed out, this is a very inconsistent issue. You can load your two demo pages into apex.oracle.com (no need for the logic of the pages, as all we need is to render them) and it might help us helping you further.

                                    Regards,
                                    Arie.
                                    1 2 Previous Next