New call-to-action
Results 1 to 10 of 10

Thread: Need to style modal-popup title bar

  1. #1
    Member
    Real Name
    Josh Cole
    Join Date
    Jun 2012
    Posts
    678

    Default Need to style modal-popup title bar

    Does anyone know where I can locate the CSS for the modal popup title? With things as they stand a person can't even see the text/icons that exist there.

  2. #2
    Member
    Real Name
    Josh Cole
    Join Date
    Jun 2012
    Posts
    678

    Default Re: Need to style modal-popup title bar

    It has something to do with the style because if I change the style the close icon for the window displays. I'm not sure how to resolve this though. I've attached a screenshot. Where the close icon should be located, it shows "Submit Query"
    Attached Images Attached Images

  3. #3
    Member
    Real Name
    Jim Coltz
    Join Date
    Oct 2005
    Location
    Western Pennsylvania
    Posts
    600

    Default Re: Need to style modal-popup title bar

    The "close icon" is an image that is part of the input control. The html for the mobile gray style is shown below. Using Firefox and the Firebug plug in makes it easy to track this stuff down. If you're seeing "Submit Query" then the image isn't being found. In the attached image I appended a under-bar to the front of the image name making the "Submit Query" text appear.

    Code:
    div id="A5dlg0.TITLE" class="MobGrayWinTitle" a5windowdisplayelement="true" auidraghcoord="custom" auidraghsnap="1" auidraghsnaptocenter="false" auidraghconstrainx="false" auidraghconstrainy="false" auidraghdragelementid="A5dlg0">
    <div id="A5dlg0.TITLE.TOOLS" class="" style="position: absolute; right: 4px;">
    <input id="A5dlg0.TITLE.TOOLS.Close" class="" type="image" src="images/$$window.button.close.png.a5image" style="cursor: none;" a5windowbuttontype="tool" a5windowbuttonname="Close" a5windowbuttonindex="0">
    </div>
    modal_popup_submit_button.png
    Jim Coltz
    Alpha Custom Database Solutions, LLC
    A5CustomSolutions.com
    jimcoltz@a5customsolutions.com

  4. #4
    Member
    Real Name
    Josh Cole
    Join Date
    Jun 2012
    Posts
    678

    Default Re: Need to style modal-popup title bar

    Jim,

    I did look at it with firebug but I am not sure which image it's looking for exactly. Is it close.png?

  5. #5
    Member
    Real Name
    Jim Coltz
    Join Date
    Oct 2005
    Location
    Western Pennsylvania
    Posts
    600

    Default Re: Need to style modal-popup title bar

    Josh,

    It's looking for $$window.button.close.png.a5image which appears to be a built in A5 image.
    Jim Coltz
    Alpha Custom Database Solutions, LLC
    A5CustomSolutions.com
    jimcoltz@a5customsolutions.com

  6. #6
    Member
    Real Name
    Josh Cole
    Join Date
    Jun 2012
    Posts
    678

    Default Re: Need to style modal-popup title bar

    Any idea where subthemes are defined? Is it in the main stylesheet?

  7. #7
    "Certified" Alphaholic Lance Gurd's Avatar
    Real Name
    Lance Gurd
    Join Date
    Jun 2005
    Location
    Southampton, UK
    Posts
    1,452

    Default Re: Need to style modal-popup title bar

    Selwyn posted this video on youtube last week, hopefully it will help

  8. #8
    Member
    Real Name
    Josh Cole
    Join Date
    Jun 2012
    Posts
    678

    Default Re: Need to style modal-popup title bar

    That is helpful Lance, thanks.

  9. #9
    Member
    Real Name
    Josh Cole
    Join Date
    Jun 2012
    Posts
    678

    Default Re: Need to style modal-popup title bar

    Is there any way to keep the window styling to keep from affecting the styling in my ux component? I've gone into the style.js and have tried changing the window>button classes to reflect the classes I want to use but it's not helping.

  10. #10
    Member
    Real Name
    Josh Cole
    Join Date
    Jun 2012
    Posts
    678

    Default Re: Need to style modal-popup title bar

    I removed the CSS that was cramping my style.

    To fix the missing image I appended the function that assigns class names to window elements in my style.js


    "_defaultTools": {
    "close": {
    "action": "close",
    "name": "close",
    "image": "CSS/iOS/WinClose.png"
    }
    }

Similar Threads

  1. Close modal-popup grid
    By Peter.Greulich in forum Application Server Version 10 - Web/Browser Applications
    Replies: 23
    Last Post: 01-28-2013, 09:48 AM
  2. Modal Window Popup Position Problem
    By Lesjml in forum Application Server Version 11 - Web/Browser Applications
    Replies: 0
    Last Post: 01-07-2013, 08:34 PM
  3. Print Modal Ajax Popup
    By ssmoore1 in forum Application Server Version 11 - Web/Browser Applications
    Replies: 1
    Last Post: 05-01-2012, 06:18 PM
  4. Close Modal Popup
    By JLateralus in forum Application Server Version 10 - Web/Browser Applications
    Replies: 1
    Last Post: 07-15-2011, 03:01 PM
  5. Centre popup modal screen
    By Claire Shuttleworth in forum Application Server Version 10 - Web/Browser Applications
    Replies: 5
    Last Post: 03-28-2011, 04:56 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •