I would like to change the regular font style of expansion panel header into font-bold when it has the focus ... I can't find anything of help in the documentation. I probably missing something ... Kindly give me some idea ... thanks in advance ...
Look at the example below:
<v-expansion-panels accordion>
<v-expansion-panel
v-for="(item,i) in 5"
:key="i"
>
***<v-expansion-panel-header>Item</v-expansion-panel-header>***
<v-expansion-panel-content>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
this line Item
to change the font only if it has the focus or opened
any help is greatly appreciated ...
In the expansion panel, you have got a v-model that syncs the index of all the panels that are being open. You can use this to check whether current panels if open or not and then apply the class.
<v-expansion-panels
v-model="panel" //Added v-model here
multiple
>
<v-expansion-panel
v-for="(item,i) in items"
:key="i"
>
<v-expansion-panel-header
:class="panel.indexOf(i) != -1 ? 'font-weight-bold': ''" //Applying class here.
>
Header {{ item }}
</v-expansion-panel-header>
<v-expansion-panel-content>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
Related
I have a problem in Bootstrap 4. I am trying to align images with paragraphs so that image is in first row on left side with paragraph, on second row image is on right side with the paragraph on left, third row image is on left side with paragraph on right side, I want to make it responsive on all devices but, Medium size devices align first and second image in one row and I dont know how to fix it.
So basicaly what I am doing is hiding images on large screens and showing them on smaller screens.
Here is my code so you can see what is going on:
<div class="container">
<div class="row">
<div class="text-size lead col-lg-8 col-md-12 col-sm-12 col-xs-12 float-right">
<p class="ml-auto"><h1>Heading/h1>In in lectus vel sapien pellentesque euismod a in sapien. Praesent auctor odio ut condimentum pulvinar. Vivamus in feugiat lectus. Morbi risus nulla, mattis vitae massa eget, sodales fringilla nisl. Praesent eget hendrerit turpis. Sed aliquam luctus sapien, a tempus tortor consequat eget.</p>
</div>
<div class="d-none d-md-block"><img srcset="images/img1.jpg" width="300px" alt="Image" id="imgDest" class="img-fluid rounded pull-right">
</div>
<div class="d-md-none"><img srcset="images/img1.jpg" width="300px" alt="Image" id="imgDest" class="img-fluid rounded pull-right">
</div>
<div class="d-none d-md-block"><img srcset="images/img2.jpg" width="300px" alt="Image 2" id="imgDest" class="img-fluid rounded pull-right">
</div>
<div class="text-size lead col-lg-8 col-md-12 col-sm-12 col-xs-12 float-right">
<p class="ml-auto"><h1>Heading</h1>In in lectus vel sapien pellentesque euismod a in sapien. Praesent auctor odio ut condimentum pulvinar. Vivamus in feugiat lectus. Morbi risus nulla, mattis vitae massa eget, sodales fringilla nisl. Praesent eget hendrerit turpis. Sed aliquam luctus sapien, a tempus tortor consequat eget.</p>
</div>
<div class="d-md-none"><img srcset="images/image2.jpg" width="300px" alt="Image 2" id="imgDest" class="img-fluid rounded pull-right">
</div>
<div class="text-size lead col-lg-8 col-md-12 col-sm-12 col-xs-12 float-right">
<p class=""><h1>Heading 3</h1>In in lectus vel sapien pellentesque euismod a in sapien. Praesent auctor odio ut condimentum pulvinar. Vivamus in feugiat lectus. Morbi risus nulla, mattis vitae massa eget, sodales fringilla nisl. Praesent eget hendrerit turpis. Sed aliquam luctus sapien, a tempus tortor consequat eget.</p>
</div>
<div class="d-none d-md-block"><img srcset="images/img3.jpg" width="300px" alt="Image 3" id="imgDest" class="img-fluid rounded pull-right">
</div>
<div class="d-md-none"><img srcset="images/img3.jpg" width="300px" alt="Image 3" id="imgDest" class="img-fluid rounded pull-right">
</div>
</div>
</div>
And is there another way to do that without using hidden images to load on other devices?
Use column order class of bootstrap to position the images and paragraphs based on screen sizes. Here is the link that might help.
I'm using XSLT 2.0 and Apache FOP for the XSLT transformation.
My task is to create a variable which will contain the unique and sorted category names from the following XML structure:
<equipment>
<E0132>
<category>1. First Aid</category>
<description>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</description>
</E0132>
<E0133>
<category>1. First Aid</category>
<description>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</description>
</E0133>
<E4122>
<category>3. Fire safety</category>
<description>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</description>
</E4122>
<E4182>
<category>3. Fire safety</category>
<description>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</description>
</E4182>
<E4622>
<category>2. Access control</category>
<description>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</description>
</E4622>
<E5225>
<category>4. Recognition</category>
<description>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</description>
</E5225>
</equipment>
The XSL code that I have so far is this:
<xsl:variable name="equipment">
<xsl:for-each select="//equipment/node()/category">
<xsl:sort select="." order="ascending" />
<xsl:value-of select="distinct-values(.)"/>
</xsl:for-each>
</xsl:variable>
It solves the sorting part, but it seems that the distinct-values() function does not work, I have duplicated values.
What am I doing wrong?
You need to put the distinct-values around your select expression
<xsl:for-each select="distinct-values(//equipment/node()/category)">
<xsl:sort select="." order="ascending" />
<xsl:value-of select="."/>
</xsl:for-each>
My problem is that template inheritance does not work for some views.
This is my template (layout.blade.php)
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>PoetryCollective</title>
<link href="{{ asset('bower/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/style.css') }}" rel="stylesheet">
<!-- Bootstrap -->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
</head>
<body>
</div>
<div class="container">
<div class="row">
</div>
<div class="col-md-2 line logotitle">
<img alt="logotitle" src="{{ asset('images/poetryfont.png') }}"></img>
</div>
<div class="col-md-10 line">
<ul class="nav nav-tabs mynav navbar-right">
<li role="presentation">Login</li>
<li role="presentation"><?php echo link_to('/users/signup', 'SignUp');?></li>
</ul>
</div>
<div class="row">
<div class="col-md-11">
<div class="logotitle">
</div>
</div>
<div class="col-md-1 rightlogo">
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="navigation">
<nav role="navigation" class="navbar navbar-default mainnav">
<ul class="nav navbar-nav">
<li role="presentation" class="active">Write poems</li>
<li role="presentation">Read Poems</li>
</ul>
<form class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Find a poem">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</nav>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 content">
#yield('content')
<h1>Lorem Ipsum</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras maximus in velit nec mattis. Morbi auctor massa vitae lorem molestie aliquam. Vivamus bibendum mi at eros fermentum, et gravida risus euismod. Quisque eu nisl vel urna placerat imperdiet nec in tortor. Morbi interdum pulvinar odio, eu pharetra massa varius vitae. Pellentesque suscipit felis ante, at dapibus felis luctus quis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean feugiat luctus erat, id facilisis mi suscipit quis. Donec eu erat sed leo volutpat rutrum. Suspendisse aliquam pretium eleifend. Curabitur nec volutpat ex. In interdum tortor id enim efficitur, ut porttitor lacus consectetur. Mauris blandit mollis neque, eget tincidunt ex hendrerit non. Donec sed ligula eu enim feugiat sollicitudin. Sed facilisis at mauris in rutrum.
</p>
<h1>Lorem Ipsum</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent purus justo, consectetur at blandit id, porttitor vitae nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer efficitur nulla eros. Aliquam eleifend venenatis sapien, sit amet lacinia dolor rhoncus quis. Fusce aliquam ullamcorper nulla at iaculis. Pellentesque suscipit, mi ut rhoncus sodales, elit arcu suscipit ex, a tempor eros quam quis ipsum. Vestibulum interdum rutrum faucibus. Aliquam vel feugiat mi, id vulputate nulla. Aliquam dapibus dolor eu risus tempus posuere. Aliquam erat volutpat. Integer in malesuada leo, ac commodo diam.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam bibendum lectus nec felis tempus, a fermentum enim condimentum. Etiam magna nulla, bibendum egestas dictum vitae, rhoncus at lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vestibulum vel lectus pharetra lobortis. Pellentesque lorem odio, consectetur in ultricies sagittis, facilisis at ante. Phasellus at sagittis nunc. Mauris hendrerit velit libero, vitae finibus augue rhoncus eget. Ut tincidunt pharetra arcu, ac fermentum nisi faucibus in. Nulla molestie vestibulum ligula, eget ultricies ex dictum id. Quisque scelerisque dictum lorem. Ut euismod blandit sem, sit amet tempor nulla sollicitudin aliquam. Nulla egestas feugiat fringilla.
Etiam id molestie neque, non malesuada enim. Aenean blandit interdum ligula, nec gravida dui. Nam lectus nisi, pulvinar at dolor et, dignissim maximus odio. Quisque sed congue velit, pellentesque fermentum dui. Mauris sed varius sem, nec dapibus est. Nulla suscipit enim diam, quis gravida quam placerat vel. Integer a dui ornare, hendrerit urna sed, sollicitudin enim. Phasellus id ante a sapien dictum hendrerit fermentum nec lectus. Integer elementum orci volutpat viverra interdum.
Fusce eget orci ornare, varius libero in, sodales nisl. Aenean at scelerisque eros. Nunc ut viverra neque, ut posuere libero. Maecenas in massa venenatis, mattis mauris.
</p>
</div>
<div class="col-md-4 sidebar">
<h3>Sidebar</h3>
</div>
</div>
<div class="row">
<div class="col-md-12 footer">
<p class="credit">
Fontdesign in Logo by Sergiy S. Tkachenko</p>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="{{ asset('bower/bootstrap/dist/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/production.min.js') }}"></script>
</body>
</html>
Oddly, this view works and loads/extends the layout template:
#extends('layout')
#section('content')
{{ $poems }}
#stop
But this one does not work and not load the template but only displays the content of itself:
#extends('layout')
#section('content')
<?php
echo "<p>Signing up</p>";
echo Form::open(array('url' => '/users/signup'));
echo Form::label('username', 'Username');
echo Form::text('username');
echo Form::label('email', 'E-Mail Address');
echo Form::text('email');
echo Form::label('Password');
echo Form::password('password');
// echo Form::password('password1', 'Password confirmation');
echo Form::close();
if(!empty ($errors))
{
foreach ($erros->all() as $error)
{
echo '<div class="error">' . $error . '</div>';
}
}
?>
#stop
I just can't figure out why the one loads the template and the other one doesn't.
Any help appreciated.
This seems to be one of those situations where you're making a few unstated (possibly unrealized) assumptions about how the template system works. I'm going to point out what's confusing about your question, and hopefully that points you in the correct direction.
There's two template systems in Laravel. One, named blade, uses syntax like this
#extends('layout')
#section('content')
La de {{$da}}
#stop
The second, less used, system is a basic PHP template system. i.e., a PHP file is included via a class method, and you have access to the full PHP system. It uses syntax that looks like this
<h1>This is a template</h1>
La de <?php echo $da; ?>
Laravel decides which engine to use based on the template's file name. If you say
View::make('example');
and name your template app/view/example.blade.php, then Laravel will render your template using the blade system. If you name the template app/view/example.php, Laravel will render your template using the PHP system.
Important: Only the blade system supports template inheritance. i.e. there's no equivalent to #extends and #section for the PHP template. You can simulate this via other means, but there's no inheritance concept in the PHP templates.
In your question, you didn't include your template's names, so we can't tell if they're being rendered by blade or by PHP.
Also, in your second template, you're mixing blade and PHP syntax. You can't just switch over to PHP with <?php in a blade template.
#section('content')
<?php
echo "<p>Signing up</p>";
This is just a guess, but I assume this second template has a blade.php extension, meaning Laravel is rendering it with blade, which is why your PHP code isn't rendered. The best thing for you to do would be convert your PHP template in a blade template. i.e. this
<?php
echo "<p>Signing up</p>";
echo Form::open(array('url' => '/users/signup'));
echo Form::label('username', 'Username');
Becomes this
<p>Signing up</p>
{{Form::open(array('url' => '/users/signup'))}}
{{Form::label('username', 'Username')}}
I understand your problem, but your code makes no sense to me.
If you are using blade template you would be better suited using the following:
#extends('layout')
#section('content')
<p>Signing up</p>
{{ Form::open(array('url' => '/users/signup')) }}
{{ Form::label('username', 'Username') }}
{{ Form::text('username') }}
{{ Form::label('email', 'E-Mail Address') }}
{{ Form::text('email') }}
{{ Form::label('Password') }}
{{ Form::password('password') }}
{{ Form::close() }}
#if(!empty ($errors))
#foreach ($erros->all() as $error)
<div class="error">' . $error . '</div>';
#endforeach
#endif
#stop
Much cleaner
If one of them is working and the other one is not, you should check the following:
1) The location of the file. eg if it's in the 'layouts' folder, you need to prefix the folder name:
#extends('layouts.foo')
2) The file name has the extension .blade.php eg foo.blade.php (not foo.php)
3) The actual file name, you may have named it incorrectly, check the spelling and extension of the file
I want to make the pictures that scroll through the carousel. Also, when we click on them, they open the Hyperlink.
Simply, envelope images with href tag. So, if we modify the example of the official documentation:
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<a href="http://estiloasertivo.blogspot.com.es/">
<img src="http://lh5.ggpht.com/-tNlXRzR4qMw/ThaowBgad2I/AAAAAAAAD6I/OEd6kbouBvk/s1600-h/chapi%25255B4%25255D.png" alt="">
<div class="carousel-caption">
<h4>First Thumbnail label</h4>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.
Donec id elit non mi porta gravida at eget metus. Nullam id dolor
id nibh ultricies vehicula ut id elit.</p>
</div>
</a>
</div>
<div class="item">
<a href="http://www.youtube.com/watch?v=Ehv0iriLTKE">
<img src="http://www.chistosos.com.mx/wp-content/uploads/2012/07/perro-gracioso-en-coche-aire-chistosa.jpg" alt="">
<div class="carousel-caption">
<h4>Second Thumbnail label</h4>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.
Donec id elit non mi porta gravida at eget metus. Nullam id dolor
id nibh ultricies vehicula ut id elit.</p>
</div>
</a>
</div>
<div class="item">
<a href="http://www.google.cn/">
<img src="http://www.theandrewblog.net/wp-content/uploads/2012/04/ant.jpg" alt="">
<div class="carousel-caption">
<h4>Third Thumbnail label</h4>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.
Donec id elit non mi porta gravida at eget metus. Nullam id dolor
id nibh ultricies vehicula ut id elit.</p>
</div>
</a>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
</div>
If I need to inject Spring dependency in JSF ManagedBean (creating through Annotations), I am using spring 2.0 it does not support #Autowire.
Is there any way out to inject dependencies if I keep #ManagedBean annotation as it is?
I am using Myfaces 2.1.6 running it with Jetty through eclipse.
Please suggest.
faces-config.xml
<?xml version="1.0"?>
<faces-config xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd"
version="2.0">
<navigation-rule>
<description>Navigation from the hello page.</description>
<from-view-id>/login.xhtml</from-view-id>
<navigation-case>
<from-outcome>success</from-outcome>
<to-view-id>/wsListing.xhtml</to-view-id>
<redirect />
</navigation-case>
</navigation-rule>
<navigation-rule>
<description>Navigation from the hello page.</description>
<from-view-id>/wsListing.xhtml</from-view-id>
<navigation-case>
<from-outcome>abcService</from-outcome>
<to-view-id>/abcinput.xhtml</to-view-id>
<redirect />
</navigation-case>
<navigation-case>
<from-outcome>filterAbc</from-outcome>
<to-view-id>/filterabcinput.xhtml</to-view-id>
<redirect />
</navigation-case>
</navigation-rule>
<navigation-rule>
<description>Navigation from the hello page.</description>
<from-view-id>/abcinput.xhtml</from-view-id>
<navigation-case>
<from-outcome>success</from-outcome>
<to-view-id>/abcoutput.xhtml</to-view-id>
<redirect />
</navigation-case>
</navigation-rule>
<application>
<variable-resolver>org.springframework.web.jsf.DelegatingVariableResolver</variable-resolver>
<locale-config>
<default-locale>en</default-locale>
<supported-locale>en</supported-locale>
<supported-locale>es</supported-locale>
</locale-config>
<message-bundle>messages</message-bundle>
</application>
</faces-config>
WsListingBean.java
package com.example.ws.ui;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
#ManagedBean(name="wsListingBean")
#RequestScoped
public class WsListingBean {
//want to inject some property here through spring injection
private String webServiceId;
public String getWebServiceId() {
return webServiceId;
}
public void setWebServiceId(String webServiceId) {
this.webServiceId = webServiceId;
}
public String action()
{
return this.webServiceId;
}
}
wsListing.xhtml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui" xmlns:lang="en">
<h:head>
<meta charset="utf-8"/>
<title>Web Service Listing</title>
<link href="../resources/css/abc-style.css" rel="stylesheet" type="text/css" media="screen" />
</h:head>
<h:body class="login-body">
<!-- start main container -->
<div id="nb-login-container">
<!-- start header -->
<div id="content-header">
<div class="logo"><img src="../resources/images/abc_logo.png" alt="Logo abc" /></div>
</div>
<!-- end header -->
<!-- start content container -->
<!-- start content main -->
<div id="content-login">
<div class="content-main-body">
<div id="table-container">
<h2>Web Services</h2>
<h:form>
<table width="100%" class="list-table">
<tbody><tr>
<th width="20%">Name</th>
<th width="80">Description</th>
</tr>
<tr>
<td><h:commandLink value="First Web Service" action="#{wsListingBean.action}"><f:setPropertyActionListener target="#{wsListingBean.webServiceId}" value="abcService" /></h:commandLink></td>
<td>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.
</td>
</tr>
<tr class="odd-row">
<td>Web Services 2</td>
<td>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</td>
</tr>
<tr>
<td>Web Services 3</td>
<td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident. similique sunt in culpa qui officia deserunt.</td>
</tr>
<tr class="odd-row">
<td>Web Services 4</td>
<td>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.</td>
</tr>
<tr>
<td>Web Services 5</td>
<td>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</td>
</tr>
<tr class="odd-row">
<td>Web Services 6</td>
<td> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</td>
</tr>
<tr>
<td>Web Services 7</td>
<td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident. similique sunt in culpa qui officia deserunt.</td>
</tr>
<tr class="odd-row">
<td>Web Services 8</td>
<td>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.</td>
</tr>
<tr>
<td>Web Services 9</td>
<td>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</td>
</tr>
</tbody></table>
</h:form>
</div>
</div>
</div>
<!-- end content main -->
<!-- end content container -->
</div>
<!-- end main container -->
</h:body>
</html>
If I can see right thing here then
if u can read your error carefully, it says that identifier wslistingBean resolved to null
Here you wanted to access bean named wsListingBean but somewhere you have typed by mistake wslistingBean(L is small letter here)
So check out where you are doing this typing mistake.
and for managedBean there is no need to put the bean name if you are just changing first letter to small like -
#ManagedBean(name="wsListingBean")
#RequestScoped
public class WsListingBean {}
For this class It will automatically take wsListingBean as bean name.
So u can write it like as -
#ManagedBean
#RequestScoped
public class WsListingBean {}
That is one and the same.
Hope it clarifies your doubt......
This should be one work-around to load the bean property in #PostConstruct
#Postconstruct
private void initTheBean(){
webServiceId=resolveValue("#{springbeanname}",String.class);
}
public static <T> T resolveValue(String inputValueExpression,
Class<T> outputClass) {
FacesContext context = FacesContext.getCurrentInstance();
ELContext elContext = context.getELContext();
ValueExpression expression = context
.getApplication()
.getExpressionFactory()
.createValueExpression(elContext, inputValueExpression,
outputClass);
return (T) expression.getValue(elContext);
}