Combobox custom style

Hello All,
i want to change styling for some combobox in my application.
Espatially for arrow-button substructure.
Does any one have any idea about it.
I tried
.custom-combo.arrow-button {
    -fx-background-color: cyan;
in my css file and  in my java class i did this combo.setStyleClass(".custom-combo.arrow-button") but it does not work :'(.

in my java class i did this combo.setStyleClass(".custom-combo.arrow-button") but it does not work
Simply stating something "doesn't work" won't usually enable people to help you. You need to say what happens and how it differs from what you expect. In this case, the code won't even compile; there is no setStyleClass(...) method.
I recommend looking at the tutorials for css: there's an intro and a more advanced tutorial.
The selector ".custom-combo.arrow-button" will select nodes which have both the class "custom-combo" and the class "arrow-button" assigned to them; this won't work for what you want to do. You want a node with class "arrow-button" which is a descendant of the node with class "custom-combo". For this you need the selector ".custom-combo .arrow-button" (with a space, which selects any descendant) or the selector ".custom-combo > .arrow-button" (which selects only the direct descendant; this is more efficient when it gives you what you need, which includes your case).
Then you need to add the style class "custom-combo" to your combo box.

Similar Messages

  • Style Inheritance on default custom style

    I've created a custom class that uses some customs styles
    I've defined (i.e. underlineColor). I used the sample code to
    create a default style value with a one time classConstruct method.
    I did notice that the sample code provided by adobe doesn't
    seem to work when you use a style tag to define only some of the
    style parameter, I was able to fix this by checking each style
    parameter in the construct and setting only the ones that where non
    existing.
    But I then hit another wall, this time trying to use style
    inheritance, according to documentation, inherited styles are check
    on the parent first and then checked on the class defined styles,
    but I've noticed that this doesn't seem to work, in fact if I use
    the classConstruct method to define the style default values then
    inherited values are not used.
    I was wondering if anyone knows how to create styles default
    values with inheritance and how the classConstruct method is really
    used.
    thanks

    "buabco" <[email protected]> wrote in
    message
    news:[email protected]...
    > OK I did that to fix the problem when you have an
    incomplete CSS
    > definition,
    > but it doesn't work when you have inheritance, and it's
    wierd anyway since
    > the
    > code get to run only once that the inheritance get
    compromised. I've
    > simplified
    > the code to show what I'm doing:
    >
    >
    > Adobe Example is like this:
    >
    >
    [Style(name="customStyle",type="Number",format="length",inherit="no")]
    > public class testClass extends UIComponent {
    > // Define a static variable.
    > private static var classConstructed:Boolean =
    classConstruct();
    >
    > // Define a static method.
    > private static function classConstruct():Boolean {
    > if (!StyleManager.getStyleDeclaration("testClass"))
    > {
    > // If there is no CSS definition for StyledRectangle,
    > // then create one and set the default value.
    > var testStyle:CSSStyleDeclaration = new
    CSSStyleDeclaration();
    > testStyle.defaultFactory = function():void
    > {
    > this.customStyle = 5;
    > }
    > StyleManager.setStyleDeclaration("testClass", testStyle,
    true);
    >
    > }
    > return true;
    > }
    >
    > // Constructor
    > public function testClass() {
    > super();
    > }
    >
    > }
    >
    > But this code fails when you create a style declaration
    for testClass that
    > doesn't include customStyle, in that case customStyle is
    not set to
    > default.
    >
    > So I change it to:
    >
    >
    [Style(name="customStyle",type="Number",format="length",inherit="no")]
    > public class testClass extends UIComponent {
    > // Define a static variable.
    > private static var classConstructed:Boolean =
    classConstruct();
    >
    > // Define a static method.
    > private static function classConstruct():Boolean {
    > var nsd:CSSStyleDeclaration;
    > if (!StyleManager.getStyleDeclaration("testClass")) {
    > // If there is no CSS definition for StyledRectangle,
    > // then create one and set the default value.
    > nsd = new CSSStyleDeclaration();
    > } else {
    > nsd = StyleManager.getStyleDeclaration("testClass");
    > }
    >
    > //Definamos los estilos personalizados
    > //Para el titulo
    >
    > if
    (!StyleManager.isValidStyleValue(nsd.getStyle("customStyle")))
    > nsd.setStyle("customStyle", "5");
    >
    > StyleManager.setStyleDeclaration("testClass", nsd,
    true);
    >
    > return true;
    > }
    >
    > // Constructor
    > public function testClass() {
    > super();
    > }
    >
    > }
    >
    > now the code checks for the parameter before setting it.
    Still if I set
    > the
    > inheritance to true this code doesn't work. The strange
    part is that It
    > should
    > since this code it's supose to be executed only once and
    it doesn't set
    > the
    > class parameter directly but it fills the StyleManagers
    data instead,
    > according
    > to inheritance order the parents that should be used
    before the class
    > specific
    > data, or am I wrong?
    No, the closer the tag is to being your actual class, the
    more likely its
    style is to be used.
    http://www.adobe.com/livedocs/flex/3/html/help.html?content=styles_04.html
    You might find this useful
    http://blog.flexexamples.com/2007/12/24/displaying-a-combobox-controls-inherited-styles-in -flex/

  • Error while deploying, Custom Style Skin in OBIEE 11.1.1.6.7

    Hi,
    I have deployed Custom Style Skin in OBIEE 11.1.1.5 successfuly (with the help of http://www.rittmanmead.com/2010/12/oracle-bi-ee-11g-styles-skins-custom-xml-messages/ ).
    Now when we're moving RPD, Catalog & Custom Style Skin from OBIEE 11.1.1.5 to OBIEE 11.1.1.6.7, I could deploy RPD & Catalog but am not able to deploy Custom Style & Skin Folders.
    If you are aware of the process of deploying Custom Style & Skins (as mentioned in the link above), it requies:
    1. Custom Style & Skins folder to be Deploy using Weblogic Console.
    2. Making necessary changes in instanceconfig.xml (to point to the deployed folder) ---- this is where it's failing.
    When I do add necessary tags ( <URL> & <UI>) in instanceconfig.xml and restart Services. Presentation Services dosen't come up. Error message that is in log file is:
    In element URL: Can not have element children within a simple content.
    unknown element 'UI'
    Element 'UI' is not valid for content model : 'All(URL, SocketTimeoutSec,FileSizeMB)'
    Any pointers?
    Regards,
    Jitendra

    Hi,
    I too faced such issue, actually obiee11.1.1.5 version skin and style wont work in obiee11.1.1.6.0 and above patch ..
    u have do it once again by using obiee11.1.1.6.0 skin (because the 11.1.16.0 has UI and skin different from 11.1.1.5.0 )
    Thanks
    Deva

  • SharePoint 2013 RTE Custom Styles lost on Team Site Wiki Page after you select a control in the editor

    I have a weird issue in that I have custom RTE styles working fine in publishing pages, but in the team site wiki page, when you first go into edit mode you see your styles, but if you highlight some text, select say the font drop down to expand it and then
    select it again to contract it (i.e. without selecting a font), all of a sudden all of the custom styles are lost and everything reverts back to the default RTE styles.
    In my master page I am running the following script to force my styles to be loaded.
    ExecuteOrDelayUntilScriptLoaded(
    function() {
         $(
    "div[RteRedirect]").each(function()
    varid = $(this).attr("RteRedirect"),
             editSettings = $(
    "#"+ id);
    if(editSettings.length > 0 &&
    editSettings[0].PrefixStyleSheet != 'custom-rte')
                 editSettings[0][
    'PrefixStyleSheet'] =
    'custom-rte';
                 editSettings[0][
    'StyleSheet'] =
    '\u002f_layouts\u002f15\u002fFiveP\u002frteStyles.css';
                 RTE.Canvas.fixRegion(id,
    false);
    "sp.ribbon.js");
    See below screenshots (note Heading 2 is orange).
    After you collapse the font menu, you see that the orange H2 has disappeared, and selecting the font drop down again now shows all of the default SharePoint RTE styles.
    I haven't been able to capture the Event that is being called using the debugger. Any ideas how to fix this?
    Alan Coulter.

    Hi,
    For this issue, I'm trying to involve someone familiar with this topic to further look at it.
    Thanks,
    Qiao
    Forum Support
    Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
    [email protected]
    Qiao Wei
    TechNet Community Support

  • Customer Style & Skins in OBIEE 11.1.1.7

    Hi,
    Did anyone configure custom style and skins in the latest OBIEE (11.1.1.7)? I followed steps mentioned in OBE here http://www.oracle.com/webfolder/technetwork/tutorials/obe/fmw/bi/bi1113/customizing_obiee11g/customizing_obiee11g.htm#t1,
    but that did not work.
    Thanks in advance

    Hi,
    u can add the new skins from the below mentioned path as welll
    obiee 11g  image path
    mark helps
    thanks

  • The custom style mapping option text still maintains the word formatting or it shows a style override in the InDesign style - how do I correct this?

    When I tell the custom style mapping option to format a Word style (from an rtf document) with the InDesign style, the text still maintains the word formatting or it shows a style override in the InDesign style. I have a large document that needs to import the styles correctly and I've followed the tutorials exactly however the placed text is still hanging onto the word RTF styles. I want the rtf text to convert to my InDesign styles completely without overrides.

    I actually need the cell styles. That's what sets my font, spacing, and GREP styles.
    I did find the solution today. In the table style or table setup, I needed to set the "Stroke Drawing Order" to "Column Strokes in Front". Even though it was previously set to "Best Joins" and I had no strokes for rows or for the table borders, it just wasn't giving priority to my dotted columns.
    Thanks for your response though!

  • OBIEE 11g ignoring custom styles after a space in the formatting

    Hi,
    Has anyone else ran into this odd little problem?
    I'm applying custom styles to our new corporate skin, and it's all working just fine until I enter a piece of code like this:
    .QCPageColumnSectionSidebar{padding-bottom:1px;width:100%;border:solid 1px #000080;background-color:#dce4f9;}
    It appears that as soon as OBIEE encounters the spaces in the CSS formatting, it escapes and ignores the rest. In this case, the border gets applied, but the background color does not. If I swap places of the two classes, then the background color is applied and the border is not.
    In addition, any styles defined after this style are ignored.
    When I inspect element in Firebug, I am seeing this behavior coming through on the presentation side. The CSS that follows the style with a space in it isn't appearing.
    The styles defined by default have very similar styles and they appear to work; does anyone have any idea why my custom styles aren't?
    Thanks in advance,
    Krista

    Some times we get unwanted code.. some thing like when you copy from browser to MS word some html code come along with...

  • Custom style classes

    hi all,
    Is it possible to create some custom style classes and assign them to styleClass property of some components?
    And if it possible, where to place those custom classes and how to use them?
    I've tried without success.
    Regards,
    Bassam

    So this begs the question... if I wanted to change the color of a font on a af:panelHeader for example, (inlineStyle="background-color:navy;color:white;") or I set it up as a class in my css e.g. (styleClass="ph" where the css class is ph{background-color:navy;color:white;}) why doesn't the af:panelHeader component render as one would expect... with a blue back ground and white text? I'm using JDeveloper11g.

  • [Solved] Keep the last button pressed with a custom style

    Hello,
    I have a VBox with 20 buttons and I have this style applied (menu.css) (only for VBox wrapper):
    .button:focused {
        -fx-background-color: #0768A9;
        -fx-text-fill: #FFFFFF;
    But when I pressed other button outside the VBox the style disappears, because the other button get the focus.
    I'm afraid I'm taking the wrong way.
    How I can do to keep the last button pressed with a custom style? (Only for buttons containing the VBox).
    Best regards

    I created a simple method to change background colors in buttons:
        private void setSelectedBtnStyle(Button bboat) {
      // Change style oldSelectedBoat
        selectedBoat.setStyle("-fx-background-color: white;-fx-text-fill: black;");
        // oldSelectedBoat var change to newSelectedBoat
        this.selectedBoat = bboat;
      // Change style newSelectedBoat
        selectedBoat.setStyle("-fx-background-color: #0768A9;-fx-text-fill: #FFFFFF;");;
    Surely not the best solution, but it works for me.
    Best regards.

  • Placing Word docs with custom style mapping

    I am trying to place Word 2007 docs in InDesign CS3 using custom style mapping.
    When I place the Word doc, InDesign creates a whole new set of styles with the correctly mapped new names but with the Word style definition. It records no name conflicts with the my already existing styles of the same names. Each of the new styles has the disc icon next to it, showing it was imported.
    If I delete each of the styles I can replace it with my original InDesign style, but isn't the point of style mapping to eliminate that step?
    Thanks.

    This issue is now solved in the 6.0.4 update. See the release notes for item #2335625.
    An important update to the InCopy and InDesign products has been released today!
    To install the update, choose Help > Updates from any Adobe CS4 application, or navigate to the Adobe Updater and launch it:
    Mac: /Applications/Utilities/Adobe Utilities/Updater6/Adobe Updater.app
    Win: C:\Program Files\Common Files\Adobe\Updater6\Adobe_Updater.exe
    You can also download the updates from Adobe.com at the following locations:
    InCopy Mac: http://www.adobe.com/support/downloads/product.jsp?product=30&platform=Macintosh
    InCopy Win: http://www.adobe.com/support/downloads/product.jsp?product=30&platform=WIndows
    InDesign Mac: http://www.adobe.com/support/downloads/product.jsp?product=31&platform=Macintosh
    InDesign Win: http://www.adobe.com/support/downloads/product.jsp?product=31&platform=WIndows
    Release notes are here: http://www.adobe.com/go/id6_readme_en

  • Load or import custom style mapping in link options – is that possible somehow?

    Hi Everyone,
    I'm working with Instructions for Use and Technical Manual documents in InDesign. I'm constantly fine-tuning our templates, and now I have to refresh them again, because of a brand refresh. I'm using the Custom Style Mapping in the Link Options panel a lot, because it helps us to copy the text from older documents to the new ones with the right formatting, with less effort. The only thing I miss is the “Load/Import Custom Style Mapping” option from this panel.
    Do you know if there’s any options to export/import/load these mappings somehow from one document to another? Is it possible to write a script for that? I find this part of InDesign quite unattached, it seems to me (based on my search) that no other people are using it. I feel lonely, help me here!
    (I have created many new mappings in an older document, and I’d like to be able to use them in the new templates as well, but I can only do that if I map the styles again. And it’s quite time consuming. Maybe I'm just using too many paragraph styles, I have no idea – this could be another question: what is too much when it comes to styles...)
    Thanks a lot,
    Zita

    Sync is not intended to be used as a backup service like you are talking about, but it will work as long as you save the Recovery Key, as Jefferson mentioned (you also need your Sync Username ''[email address you used]'' and your account Password).
    Mozilla has just started working a new "cloud service" that is code named '''PiCL''' for "Profile in CLoud", which I am expecting will be a lot easier to use and might allow the user to access their bookmarks and other data from the internet without adding a "borrowed" PC to your Sync account.

  • Custom-style outline template with prompts and glossary page

    Hello
    I would like to make a template in Word 2010 with a custom-style outline. Would anyone be able to suggest how to achieve these requirements (pointing me to reading material also helpful):
    1. Every phrase the user types into a field gets automatically added to a final glossary page, listing exact letter-for-letter duplicates only once.
    2. Upon opening an instance of the template the user is prompted with the following entry form questions:
           ○ Prompt: "What error message or problem description will this document cover?" The free-text answer will populate the header of each page in the title style.
           ○ Prompt: "What is your initial condition? If none, press enter." The free-text answer will populate the first line in heading1 style in the form "Additional Condition: [user's answer]".
    If the answer is of string length 0, the user's answer defaults to "none".
           ○ Prompt: "List all possible causes for initial condition, separated by a comma. Phrase possible causes as a question." Each comma-separated free-text answer will populate the next line in heading2
    style with the numbering convention "Possible Cause [#]".
     3. Under each possible cause item the following items appear in heading3 style, each on its own line: "System overview, Tools required, Safety precautions, Troubleshooting steps, Confirm possible cause, Fix confirmed
    cause". Underneath the items just listed appear more fields that the user can use.
    I realize this is a lengthy post, probably too specific, but if I could get pointed in the right direction I am willing to do the research!

    Thank you for the insights, Fei Xue. Let me try to explain to glossary requirement better...
    The glossary will reiterate all phrases entered by the user (this is an outline so each phrase will be a paragraph, but paragraphs the paragraphs a brief). I have the following code that executes as written but the problem comes when you change content
    in the outline the glossary does not get updated.
    'THIS CODE IS IN A MODULE'Sub PageBreakPlus()
    Selection.InsertBreak Type:=wdPageBreak
    End Sub
    Function ProblemFunc() As String
    ProblemFunc = InputBox("Type the error message verbatim. If no error message, type brief problem description to be used as a phrase.", "Error Code Administration")
    End Function
    Function AddConFunc() As String
    AddConFunc = InputBox("Type an additional condition to be used as a phrase. If none, click OK.", "Additional Condition", "None")
    End Function
    Function CausesFunc() As String
    CausesFunc = InputBox("List all possible causes for additional condition in the order a user should investigate them. Phrase possible causes as a question.", "Possible Causes")
    End Function
    'THIS CODE IS IN ThisDocument'Private phrases() As String 'no used at this point'
    Private Sub Document_New()
    Dim causeString As String
    Dim causeArray() As String
    Dim problem As String
    Dim addcon As String
    Dim templateRev As String: templateRev = "16-Apr-2015"
    'get the prompts and split the causeString into each question'
    problem = ProblemFunc
    addcon = AddConFunc
    causeString = CausesFunc
    causeArray = Split(causeString, "?")
    If ActiveWindow.View.SplitSpecial <> wdPaneNone Then
    ActiveWindow.Panes(2).Close
    End If
    If ActiveWindow.ActivePane.View.Type = wdNormalView Or ActiveWindow. _
    ActivePane.View.Type = wdOutlineView Then
    ActiveWindow.ActivePane.View.Type = wdPrintView
    End If
    ActiveWindow.ActivePane.View.SeekView = wdSeekCurrentPageHeader
    With Selection
    .Style = ActiveDocument.Styles("Title")
    .TypeText problem
    .ParagraphFormat.Alignment = wdAlignParagraphCenter
    .TypeParagraph
    .ParagraphFormat.Alignment = wdAlignParagraphCenter
    .TypeText Text:="Template Rev. " & templateRev & vbTab & "Document Rev. "
    .Fields.Add Range:=Selection.Range, Type:=wdFieldEmpty, Text:="CREATEDATE \@ ""d-MMM-yyyy"" ", PreserveFormatting:=True
    End With
    ActiveWindow.ActivePane.View.SeekView = wdSeekMainDocument
    For Each cause In causeArray
    If Len(cause) <> 0 Then
    With Selection
    .TypeText Trim(cause) & "?"
    .Style = ActiveDocument.Styles("Heading 2")
    .TypeParagraph
    .TypeText Text:="System overview"
    .Style = ActiveDocument.Styles("Heading 3")
    .TypeParagraph
    .TypeText Text:="Tools required"
    .Style = ActiveDocument.Styles("Heading 3")
    .TypeParagraph
    .TypeText Text:="Safety precautions"
    .Style = ActiveDocument.Styles("Heading 3")
    .TypeParagraph
    .TypeText Text:="Troubleshooting steps"
    .Style = ActiveDocument.Styles("Heading 3")
    .TypeParagraph
    .TypeText Text:="Confirm possible cause"
    .Style = ActiveDocument.Styles("Heading 3")
    .TypeParagraph
    End With
    End If
    Next cause
    With Selection
    .Style = ActiveDocument.Styles("Normal")
    .InsertBreak Type:=wdPageBreak
    .Style = ActiveDocument.Styles("Strong")
    .TypeText "Glossary of Phrases"
    .TypeParagraph
    .Style = ActiveDocument.Styles("Normal")
    End With
    Dim tbl As Table
    ActiveDocument.Tables.Add Range:=Selection.Range, NumRows:=1, NumColumns:=1, DefaultTableBehavior:=wdWord9TableBehavior, AutoFitBehavior:=wdAutoFitFixed
    With Selection.Tables(1)
    If .Style <> "Table Grid" Then
    .Style = "Table Grid"
    End If
    .ApplyStyleHeadingRows = True
    .ApplyStyleLastRow = False
    .ApplyStyleFirstColumn = True
    .ApplyStyleLastColumn = False
    .ApplyStyleRowBands = True
    .ApplyStyleColumnBands = False
    End With
    With Selection
    .Style = ActiveDocument.Styles("Normal")
    .TypeText Text:=problem
    .MoveRight Unit:=wdCell
    .TypeText Text:=addcon
    .TypeText Text:="System overview"
    .Style = ActiveDocument.Styles("Heading 3")
    .TypeParagraph
    .TypeText Text:="Tools required"
    .Style = ActiveDocument.Styles("Heading 3")
    .TypeParagraph
    .TypeText Text:="Safety precautions"
    .Style = ActiveDocument.Styles("Heading 3")
    .TypeParagraph
    .TypeText Text:="Troubleshooting steps"
    .Style = ActiveDocument.Styles("Heading 3")
    .TypeParagraph
    .TypeText Text:="Confirm possible cause"
    For Each cause In causeArray
    If Len(cause) <> 0 Then
    .MoveRight Unit:=wdCell
    .TypeText Text:=Trim(cause) & "?"
    End If
    Next cause
    End With
    For Each tbl In ActiveDocument.Tables
    tbl.Select
    Selection.Font.Bold = wdToggle
    Selection.Sort ExcludeHeader:=False, FieldNumber:="Column 1", _
    SortFieldType:=wdSortFieldAlphanumeric, SortOrder:=wdSortOrderAscending, _
    FieldNumber2:="", SortFieldType2:=wdSortFieldAlphanumeric, SortOrder2:= _
    wdSortOrderAscending, FieldNumber3:="", SortFieldType3:= _
    wdSortFieldAlphanumeric, SortOrder3:=wdSortOrderAscending, Separator:= _
    wdSortSeparateByCommas, SortColumn:=False, CaseSensitive:=False, _
    LanguageID:=wdEnglishUS, SubFieldNumber:="Paragraphs", SubFieldNumber2:= _
    "Paragraphs", SubFieldNumber3:="Paragraphs"
    Selection.Borders(wdBorderTop).LineStyle = wdLineStyleNone
    Selection.Borders(wdBorderLeft).LineStyle = wdLineStyleNone
    Selection.Borders(wdBorderBottom).LineStyle = wdLineStyleNone
    Selection.Borders(wdBorderRight).LineStyle = wdLineStyleNone
    Selection.Borders(wdBorderHorizontal).LineStyle = wdLineStyleNone
    Selection.Style = ActiveDocument.Styles("Normal")
    Next tbl
    End Sub

  • XSLT Issue to open URL in new tab and PopUp Window through one custom style

    I have SharePoint Online Custom List that contains two columns
    Name: Single Line of Text
    URL: Hyperlink or pictures
    Using XSLT I have shown Name columns value on my home page by using below custom style in
    Itemstyle.xsl file.
    Custom style to show Link in PopUp window   itemstyle.xsl
    <xsl:template name="OpenApplicationPagePopUp" match="Row[@Style='OpenApplicationPagePopUp']" mode="itemstyle">
    <xsl:variable name="SafeLinkUrl">
    <xsl:call-template name="OuterTemplate.GetSafeLink">
    <xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
    </xsl:call-template>
    </xsl:variable>
    <xsl:variable name="DisplayTitle">
    <xsl:call-template name="OuterTemplate.GetTitle">
    <xsl:with-param name="Title" select="@Title"/>
    <xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
    </xsl:call-template>
    </xsl:variable>
    <div class="item link-item">
    <xsl:call-template name="OuterTemplate.CallPresenceStatusIconTemplate"/>
    <a href="{$SafeLinkUrl}" onclick="ShowPopupDialog(GetGotoLinkUrl(this));return false;">
    <xsl:if test="$ItemsHaveStreams = 'True'">
    <xsl:attribute name="onclick">
    <xsl:value-of select="@OnClickForWebRendering"/>
    </xsl:attribute>
    </xsl:if>
    <xsl:if test="$ItemsHaveStreams != 'True' and @OpenInNewWindow = 'True'">
    <xsl:attribute name="onclick">
    <xsl:value-of disable-output-escaping="yes" select="$OnClickTargetAttribute"/>
    </xsl:attribute>
    </xsl:if>     
    <xsl:value-of select="$DisplayTitle"/>
    </a>
    </div>
    </xsl:template>
    My Requirement to show only Suggestion Box in Popup window Other Links Should be open in new Tab So please suggest me what can change in above xslt...
    Thanks
    Deepak Chauhan
    SharePoint 2010 & 2013 and Office-365 Branding and Front End Customization, UI Design

    Hi,
    In SharePoint 2013, we can use JSLink to achieve it.
    1. Save the following code as a js file (URLPopup.js) and upload it into the
    SiteAssets Document Library.
    // List View – Field open modal dialog Sample
    (function () {
    // Create object that have the context information about the field that we want to change it output render
    var linkFiledContext = {};
    linkFiledContext.Templates = {};
    linkFiledContext.Templates.Fields = {
    //Apply the new rendering for URL field on List View
    // "URL" is the column name.
    "URL": { "View": URLFiledTemplate }
    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(linkFiledContext);
    // This function provides the rendering logic for list view
    function URLFiledTemplate(ctx) {
    var itemTitle=ctx.CurrentItem.Title;
    var urlLink=ctx.CurrentItem.URL;
    var urlDesc=ctx.CurrentItem['URL.desc'];
    if(urlLink!=null&&urlLink!=""){
    if(itemTitle=="Suggestion Box"){
    return "<a href='#' onclick=\"openModalDialog('"+urlLink+"')\">"+urlDesc+"</a>";
    }else{
    return "<a href='"+urlLink+"' target='_blank'>"+urlDesc+"</a>";
    }else{
    return "";
    function openModalDialog(url)
    var options = {
    title: "Suggestion Box",
    autoSize: true,
    url: url
    SP.UI.ModalDialog.showModalDialog(options);
    return false;
    2.Edit the list view page.
    3.Edit the list web part. Go to Miscellaneous -> JS Link.
    4.Add the following URL into the JS Link textbox.
     ~site/SiteAssets/URLPopup.js
    5.Click "OK" and save the page.
    Best Regards
    Dennis Guo
    TechNet Community Support

  • Help with Spry Menu Bar 2.0 (vers. 1.0) - Placement of customized styles files

    Hello:
    I would like to congratulate the authors of the new Spry Menu Bar Framework 2.0 (vers. 1.0) -- it has truly been an advance and over the previous generation, and is much more user friendly for those without extensive knowledge of the spry framework.  I have also appreciated the tutorial created by David Powers that is found on the Adobe labs site, and find that it has been very helpful.
    However, I do have one general question that I would seek some clarification before completing the task of deploying the widget in its final form.  I have gone beyond the tutorial insofar as I have customized the styling to allow me to use background images for the menus and submenus in both static and hover states.  I have also gone directly (with add of the tutorial) to work on my own site rather than recreating the bayside tutorial.  I know have my styles embedding into a template page (.dwt).
    My question is whether those styles embedded in the head of the template page should be transferred to a separate styles page and attached (or possibly included in the styles page that handles the CSS for the layout aspects of my site), or whether it should overwrite the styles included in the basic styles skin for the widget.  The latter seems the most likely answer, as many of the classes are for the same names as those in my template page, but have different (and conflicting settings).  However I wanted to make certain of this before proceeding.
    Once again let me thank those responding to this query in advance for the helpful tips I have received along the way, and that will likely follow this post.
    I could post the css and the html with this querry, but I hope I have explained the question well enough that a general response will be all that I need.
    Thanks again for the help.
    Steve Webster

    Thanks for your helpful response.
    I had already tried the various options (overwriting basic styles, skins, etc) and quickly learned to back track as they were definitely not the answer to the question I posed.  I then included them in the customized style sheet for the entire site and clearly de-marked them as styles governing the spry menu widget 2.0 (1.0) with the warning that future developers working on the site should use care in amending them, and warning that they be remain included in the general styles file.
    I was going to indicate in response to my own query that this seemed to be the best practice, but your response confirmed what I had learned.
    Thanks once again for your helpful advice and intervention.
    Steve Webster.

  • Custom Style in Item Renderer

    Hello guys, again here :)
    Well, i have a tile list which renders almost 50-60 items.
    I want to give a toolbar, which will be used to customize all
    the item renders at the same time. like, change picture border and
    it will change the border in all the item renderers
    If i am not wrong then the solution is to add a custom style,
    and invoke it using sytlemanager.
    need your guidance in this regard
    thanks in advance :)

    Attache some code as inspiration.
    HTH.

Maybe you are looking for

  • Why will itunes not install on my windows 8.1 machines

    I've tried 4 times to install iTunes on a new Sony windows 8.1 machine but it keeps telling me that the program is incompatible.  I have been using iTunes for years and had it on my old machine running Win 7.  With win 8.1 I keep getting error msgs t

  • Cannot open document from library or mapped drive.

    When attempting to open a document from a SharePoint library the document hangs cannot open. If I open the library in explorer view I see the file but when trying to open it also hangs.   When I try to download a copy I do get a correlation id which

  • Nvidia opengl no longer working (segfaults) [solved] [UPDATE]

    UPDATE: Reference Gentoo bug for temporary resolution: https://bugs.gentoo.org/show_bug.cgi?id=350336 I can't seem to run any openGL apps any more after a recent update. Current nvidia driver 275.09.07-1, tried kernel26 (from testing), kernel26-ck, a

  • How to show google maps in JPanel

    How do i show the google maps in Java Application. Please help me.

  • Web auth with proxy

    I want the automatic redirection to the login page work when a proxy is configured in the IE parameters. I used the command "config network web-auth-port 8080", but when I open IE, I'm not redirected to the login page (the DNS request works). When I